:::
5-3 css/style.css 主樣式表
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>
