:::
9. XOOPS佈景運作原理
9-1 themes/eElectronics/theme.html
<!DOCTYPE html>
<html lang="<{$xoops_langcode}>">
<head>
<!--目前$_SESSION['bootstrap']="<{php}>echo $_SESSION['bootstrap'];<{/php}>"; -->
<!--將目前的資料夾名稱，設定為樣板標籤變數 theme_name-->
<{assign var=theme_name value=$xoTheme->folderName}>
<!--載入由使用者設定的各項佈景變數-->
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/get_var.tpl"}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/meta.tpl"}>
<!-- 網站的標題及標語 -->
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/link_css.tpl"}>
<!-- 給模組套用的樣板標籤 -->
<{$xoops_module_header}>
<!-- 局部套用的樣式，如果有載入完整樣式 theme_css.tpl 那就不需要這一部份 -->
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/theme_css.tpl"}>
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
<!-- Custom CSS -->
<link rel="stylesheet" href="<{xoImgUrl}>css/owl.carousel.css">
<link rel="stylesheet" href="<{xoImgUrl}>css/responsive.css">
<style type="text/css">
body{
font-family:<{$font_family}>;
}
.navbar{
margin-bottom: 0px;
}
.footer-bottom-area {
background: <{$footer_bgcolor}>;
color: <{$footer_color}>;
}
</style>
</head>
<body>
<div class="site-branding-area">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="logo">
<h1><{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/logo.tpl"}></h1>
</div>
</div>
<div class="col-sm-6">
<{block id=12}>
</div>
</div>
</div>
</div> <!-- End site branding area -->
<!-- 預設選單（$menu_var_kind 建議用 my_menu） -->
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/navbar.tpl"}>
<!-- 滑動圖 -->
<{includeq file="$theme_name/xotpl/slider.tpl"}>
<!-- 載入布局 -->
<{if $xoops_dirname == "system"}>
<!-- 首頁 -->
<{includeq file="$theme_name/xotpl/system.tpl"}>
<{else}>
<div class="container">
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/$theme_type.tpl"}>
</div>
<{/if}>
<!-- 首尾 -->
<{includeq file="$theme_name/xotpl/footer.tpl"}>
<!-- jQuery sticky menu -->
<script src="<{xoImgUrl}>js/owl.carousel.min.js"></script>
<script src="<{xoImgUrl}>js/jquery.sticky.js"></script>
<!-- jQuery easing -->
<script src="<{xoImgUrl}>js/jquery.easing.1.3.min.js"></script>
<!-- Main Script -->
<script src="<{xoImgUrl}>js/main.js"></script>
<!-- 載入bootstrap -->
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/bootstrap_js.tpl"}>
<!-- 載入自訂js -->
<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/my_js.tpl"}>
<{$my_code}>
<!-- 顯示參數，開發用，開發完可刪除 -->
<{if $show_var=='1'}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/show_var.tpl"}>
<{/if}>
</body>
</html>
