theme.html

:::
四小時佈景開發
2-3-1 theme.html

001<!DOCTYPE html>
002<html lang="<{$xoops_langcode}>">
003  <head>
004    <!--將目前的資料夾名稱，設定為樣板標籤變數 theme_name-->
005    <{assign var=theme_name value=$xoTheme->folderName}>
006 
007    <!--載入由使用者設定的各項佈景變數-->
008    <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/get_var.html"}>
009    <!-- 設定網站文字編碼 -->
010    <meta charset="<{$xoops_charset}>">
011    <!-- 套用XOOPS中的網頁索引規則 -->
012    <meta name="robots" content="<{$xoops_meta_robots}>" />
013    <!-- 套用XOOPS中的網站關鍵字設定 -->
014    <meta name="keywords" content="<{$xoops_meta_keywords}>" />
015    <!-- 套用XOOPS中的網站描述設定 -->
016    <meta name="description" content="<{$xoops_meta_description}>" />
017    <!-- 套用XOOPS中的網頁分級設定 -->
018    <meta name="rating" content="<{$xoops_meta_rating}>" />
019    <!-- 套用XOOPS中的網站作者設定 -->
020    <meta name="author" content="<{$xoops_meta_author}>" />
021    <!-- 套用XOOPS中的版權宣告 -->
022    <meta name="copyright" content="<{$xoops_meta_copyright}>" />
023    <!-- 網站的編輯工具 -->
024    <meta name="generator" content="XOOPS" />
025 
026    <!-- 網站的標題及標語 -->
027    <title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
028 
029    <!-- 網站的RSS連結，<{xoAppUrl}>代表網站網址 -->
030    <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
031 
032    <!-- 網站圖示設定 -->
033    <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
034    <link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
035 
036    <!-- 網站所需的外部樣式檔，<{xoImgUrl}> 代表佈景路徑，通常是[http://網址/themes/佈景名稱] -->
037    <!-- XOOPS本身內建的樣式 -->
038    <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
039    <!-- XOOPS中會用到的一些樣式 -->
040    <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" />
041    <!-- Bootstrap 樣式表-->
042    <link href="<{xoAppUrl modules/tadtools/bootstrap/css/bootstrap.css}>" rel="stylesheet" media="screen">
043    <!-- 佈景的主樣式 -->
044 
045 
046    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
047    <!--[if lt IE 9]>
048      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
049    <![endif]-->
050 
051    <!-- Icons -->
052    <link href="<{xoImgUrl scripts/icons/general/stylesheets/general_foundicons.css}>" media="screen" rel="stylesheet" type="text/css" />
053    <link href="<{xoImgUrl scripts/icons/social/stylesheets/social_foundicons.css}>" media="screen" rel="stylesheet" type="text/css" />
054    <!--[if lt IE 8]>
055        <link href="<{xoImgUrl scripts/icons/general/stylesheets/general_foundicons_ie7.css}>" media="screen" rel="stylesheet" type="text/css" />
056        <link href="<{xoImgUrl scripts/icons/social/stylesheets/social_foundicons_ie7.css}>" media="screen" rel="stylesheet" type="text/css" />
057    <![endif]-->
058    <link rel="stylesheet" href="<{xoImgUrl scripts/fontawesome/css/font-awesome.min.css}>">
059    <!--[if IE 7]>
060        <link rel="stylesheet" href="<{xoImgUrl scripts/fontawesome/css/font-awesome-ie7.min.css}>">
061    <![endif]-->
062 
063    <link href="http://fonts.googleapis.com/css?family=Syncopate" rel="stylesheet" type="text/css">
064    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
065    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="text/css">
066    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
067    <link href="http://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet" type="text/css">
068    <link href="http://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet" type="text/css">
069 
070    <link href="<{xoImgUrl styles/custom.css}>" rel="stylesheet" type="text/css" />
071 
072    <!-- 給模組套用的樣板標籤 -->
073    <{$xoops_module_header}>
074 
075    <!-- 局部套用的樣式，如果有載入完整樣式 theme_css.html 那就不需要這一部份 -->
076    <style type="text/css">
077      body{
078        font-family:<{$font_family}>;
079      }
080      <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/theme_css_blocks.html"}>
081      <!--{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/theme_css_navbar.html"}-->
082    </style>
083 
084    <!-- 載入 jquery -->
085    <script type='text/javascript'>
086      if(typeof jQuery == 'undefined') {
087      document.write("<script type='text/javascript' src='<{xoAppUrl modules/tadtools/jquery/jquery.js}>'><\/script>");
088      }
089    </script>
090  </head>
091<body id="pageBody">
092 
093<div id="divBoxed" class="container">
094 
095    <div class="transparent-bg" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;zoom: 1;"></div>
096 
097    <div class="divPanel notop nobottom">
098            <div class="row-fluid">
099                <div class="span12">
100 
101                    <div id="divLogo" class="pull-left">
102                        <a href="index.html" id="divSiteTitle">網站標題</a><br />
103                        <a href="index.html" id="divTagLine">Your Tag Line Here</a>
104                    </div>
105 
106                    <div id="divMenuRight" class="pull-right">
107                    導覽列
108                    </div>
109 
110                </div>
111            </div>
112 
113            <div class="row-fluid">
114                <div class="span12">
115                    <div id="contentInnerSeparator"></div>
116                </div>
117            </div>
118    </div>
119 
120    <div class="contentArea">
121 
122        <div class="divPanel notop page-content">
123            主內容區
124 
125            <div id="footerInnerSeparator"></div>
126        </div>
127    </div>
128 
129    <div id="footerOuterSeparator"></div>
130 
131    <div id="divFooter" class="footerArea">
132 
133        <div class="divPanel">
134            頁尾區
135        </div>
136    </div>
137</div>
138<br /><br /><br />
139 
140<script src="scripts/jquery.min.js" type="text/javascript"></script>
141<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
142<script src="scripts/default.js" type="text/javascript"></script>
143 
144 
145 
146 
147 
148</body>
149</html>