tohokuaikiのチラシの裏

技術的ネタとか。

NetCommonsのテンプレート位置をまとめてみた

netcommons_layout
netcommons_layout posted by (C)ITOH Takashi

こんな感じ？画像の直リンクはこちら

あと、セッティングモード時に
/webapp/style/templates/default/headerbtn.html
/webapp/style/templates/default/headermenu.html
も使うんだけど、これってあんま変えようがないよねってことで省略。

HTMLで書いたのでソース。

<html>
<head>
<style>
*{	vertical-align: top;}
table{	width: 100%;	height: 100%;}
#wrapper{	width: 1000px;	height: 640px;}
.header{	border: 2px dotted rgb(0, 0, 255); margin: 4px; padding: 4px;	height: 20px;}
.page{	border: 2px dashed #c50067; padding: 4px;margin:4px ;	height: 500px;}
.column {	border: 2px dotted #797000; padding: 4px;margin:4px;}
.header_block{	border: 2px dotted #c50067; padding: 4px;margin:4px;}
.block{	border: 2px dotted #008740; padding: 4px;margin:4px;}
.block_main{	border: 2px dotted #00a0dd; padding: 4px;margin:4px;}
.module_title{	border: 2px dotted #333; padding: 4px;margin:4px;}
.module_content{	border: 2px dotted #c50067; padding: 4px;margin:4px;}
.content{	background-color: #ccc;	height: 240px;	line-height: 240px;	text-align: center;}
.footer{	border: 2px dotted #0000ff; padding: 4px;margin:4px;	height: 20px;}

</style>
</head>
<body>
<table id=wrapper>
	<tr><td class=header>/webapp/templates/main/header.html </td></tr>
	<tr><td class=page>/webapp/modules/pages/templates/default/page.html 
		<table>
		<tr><td colspan=3 class=column style="height:80px">/webapp/templates/main/column.html</td></tr>
		<tr>
		<td class=column>/webapp/templates/main/column.html</td>
		<td class=column style="width:500px;">/webapp/templates/main/column.html
			<div class=header_block>/webapp/style/templates/default/header.html</div>
			<div class=block>/webapp/style/themes/classic/templates/blue/block.html
				<div class=block_main>/webapp/style/themes/classic/templates/default/block_main.html 
					<div class=module_title>/webapp/templates/headertitle/default/title.html<br>ブロックのタイトル</div>
					<div class=module_content>/webapp/modules/{module}/templates/default/******.html
						<div class=content>この中身は、各モジュール{module}に依存します</div>
					</div>
				</div>
			</div>
		</td>
		<td class=column>/webapp/templates/main/column.html</td>
		</tr>
		</table>
	</td></tr>
	<tr><td class=footer>/webapp/templates/main/footer.html</td></tr>
</table>
</body>
</html>