:::

5-4 theme2014/index.html 導覽列+XOOPS八區域+頁尾

<!DOCTYPE html>
<html lang="zh-TW">
  <head>
    <meta charset="utf-8">
    <title>Tad 練習佈景</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap -->
    <link href="../../modules/tadtools/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div id="xoops_theme_container">
      <!--頁首-->
      <div id="xoops_theme_head">
        <div id="site_name">網站名稱 Site Name</div>
        <div id="site_slogan">網站口號 Site Slogan</div>
      </div>

      <!--導覽列-->
      <ul id="xoops_theme_navbar">
        <li><a href="index.php">回首頁</a></li>
        <li><a href="http://163.26.52.243/~tad2014/modules/tadnews/">本站消息</a></li>
        <li><a href="http://163.26.52.243/~tad2014/modules/tadgallery/">電子相簿</a></li>
        <li><a href="http://163.26.52.243/~tad2014/modules/tad_rss/">友站新聞</a></li>
      </ul>

      <!--內容區-->
      <div id="xoops_theme_content">
        <div class="container-fluid">
          <div class="row-fluid">
            <!--側邊欄-->
            <div class="span3">
              左
            </div>

            <!--內容區-->
            <div class="span9">

              <div class="row-fluid">
                <!--上中-->
                <div class="span12">
                  上中
                </div>
              </div>

              <div class="row-fluid">
                <!--上中左-->
                <div class="span6">
                  上中左
                </div>
                <!--上中右-->
                <div class="span6">
                  上中右
                </div>
              </div>

              <div class="row-fluid">
                <!--主內容區-->
                <div class="span12">
                  主內容區
                </div>
              </div>

              <div class="row-fluid">
                <!--下中左-->
                <div class="span6">
                  下中左
                </div>
                <!--下中右-->
                <div class="span6">
                  下中右
                </div>
              </div>

              <div class="row-fluid">
                <!--下中-->
                <div class="span12">
                  下中
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>

    <!--頁尾-->
    <div id="xoops_theme_foot">
      <div id="theme_foot">
        <div id="foot_content">
          <div>頁尾</div>
          <div>頁尾1</div>
        </div>
      </div>
    </div>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="../../modules/tadtools/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>

 


:::

搜尋


書籍目錄

展開 | 闔起

線上使用者

27人線上 (6人在瀏覽線上書籍)

會員: 0

訪客: 27

更多…