JIEQI CMS模板制作必讀(JIEQI CMS - 網(wǎng)頁布局示例)
2.JIEQI CMS - 網(wǎng)頁布局示例
<div class="main m_top">頂部快速導(dǎo)航</div>
<div class="main m_head">
<div class="h_logo">LOGO圖片</div>
<div class="h_banner">BANNER圖片</div>
<div class="h_link">頭部鏈接</div>
</div>
<div class="main m_menu">導(dǎo)航菜單</div>
<div class="main"><div class="divbox">頂部通欄</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">左邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">左邊列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 中間列 -->
<div id="centers">
<!-- 中間列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">中間列區(qū)塊標(biāo)題</div>
<div class="blockcontent">中間列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">右邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">右邊列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄一</div></div>
<div class="main">
<!-- 左邊列 -->
<div style="float: left; width: 772px;">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div style="float:left;width:382px;">
<div class="block">
<div class="blocktitle">區(qū)塊標(biāo)題</div>
<div class="blockcontent">區(qū)塊內(nèi)容</div>
</div>
</div>
<div style="float:right; width:382px;">
<div class="block">
<div class="blocktitle">區(qū)塊標(biāo)題</div>
<div class="blockcontent">區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">右邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">右邊列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄二</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">左邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">左邊列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="centerm">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">中間列區(qū)塊標(biāo)題</div>
<div class="blockcontent">中間列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">底部通欄</div></div>
<div class="main m_foot">頁底信息</div>
<div class="main m_top">頂部快速導(dǎo)航</div>
<div class="main m_head">
<div class="h_logo">LOGO圖片</div>
<div class="h_banner">BANNER圖片</div>
<div class="h_link">頭部鏈接</div>
</div>
<div class="main m_menu">導(dǎo)航菜單</div>
<div class="main"><div class="divbox">頂部通欄</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">左邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">左邊列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 中間列 -->
<div id="centers">
<!-- 中間列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">中間列區(qū)塊標(biāo)題</div>
<div class="blockcontent">中間列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">右邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">右邊列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄一</div></div>
<div class="main">
<!-- 左邊列 -->
<div style="float: left; width: 772px;">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div style="float:left;width:382px;">
<div class="block">
<div class="blocktitle">區(qū)塊標(biāo)題</div>
<div class="blockcontent">區(qū)塊內(nèi)容</div>
</div>
</div>
<div style="float:right; width:382px;">
<div class="block">
<div class="blocktitle">區(qū)塊標(biāo)題</div>
<div class="blockcontent">區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">右邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">右邊列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄二</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">左邊列區(qū)塊標(biāo)題</div>
<div class="blockcontent">左邊列區(qū)塊內(nèi)容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="centerm">
<!-- 右邊列區(qū)塊(多個(gè))-->
<div class="block">
<div class="blocktitle">中間列區(qū)塊標(biāo)題</div>
<div class="blockcontent">中間列區(qū)塊內(nèi)容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">底部通欄</div></div>
<div class="main m_foot">頁底信息</div>
posted on 2009-09-06 23:43 常言笑 閱讀(126) 評(píng)論(0) 編輯 收藏