常言笑的家

          Spring, Hibernate, Struts, Ajax, RoR

          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>

          posted on 2009-09-06 23:43 常言笑 閱讀(126) 評(píng)論(0)  編輯  收藏


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           

          My Links

          Blog Stats

          常用鏈接

          留言簿(5)

          隨筆分類

          隨筆檔案

          搜索

          積分與排名

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 张家口市| 金沙县| 囊谦县| 临潭县| 民权县| 司法| 余江县| 广州市| 札达县| 台东市| 乌恰县| 静乐县| 娄烦县| 石嘴山市| 云林县| 宣汉县| 遵义县| 宣恩县| 横峰县| 尼勒克县| 基隆市| 隆回县| 普洱| 虞城县| 丹东市| 长沙市| 朝阳区| 湟中县| 开鲁县| 项城市| 武功县| 天津市| 富蕴县| 普陀区| 濮阳县| 越西县| 澄江县| 仁布县| 苍溪县| 西林县| 衡山县|