:::
8. 進階佈景設計
8-1 theme2014/theme.html 主佈景架構
<!DOCTYPE html>
<html lang="<{$xoops_langcode}>">
<head>
<{assign var=theme_name value=$xoTheme->folderName}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/get_var.html"}>
<meta charset="<{$xoops_charset}>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
<!-- Sheet Css -->
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" />
<!-- Bootstrap -->
<link href="<{xoAppUrl modules/tadtools/bootstrap/css/bootstrap.css}>" rel="stylesheet" media="screen">
<!-- customized header contents -->
<{$xoops_module_header}>
<style type="text/css">
body{
color:<{$font_color}>;
font-size:<{$font_size}>;
}
a{
color:<{$link_color}>;
}
a:hover{
color:<{$hover_color}>;
}
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/theme_css_navbar.html"}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/theme_css_blocks.html"}>
</style>
</head>
<body>
<div id="xoops_theme_container">
<!--頁首-->
<div id="xoops_theme_head">
<div id="site_name">
<a href="<{xoAppUrl index.php}>"><{$xoops_sitename}></a>
</div>
<{if $xoops_isuser}>
<{xoMemberInfo assign=mem}>
<div id="site_slogan">
<{if $mem.name}>
<{$mem.user_from}> <{$mem.name}> <{$smarty.const._T2014_HELLO}>
<{else}>
<{$mem.user_from}> <{$mem.uname}> <{$smarty.const._T2014_HELLO}>
<{/if}>
</div>
<{else}>
<div id="site_slogan"><{$xoops_slogan}></div>
<{/if}>
</div>
<!--導覽列-->
<!--<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/navbar.html"}>-->
<div id='cssmenu'>
<ul>
<{foreach from=$menu_var item=menu}>
<li <{if $menu.submenu}>class='has-sub'<{/if}>>
<a href='<{$menu.url}>' target="<{$menu.target}>">
<span><i class="<{$menu.icon}>"></i> <{$menu.title}></span>
</a>
<{if $menu.submenu}>
<ul>
<{foreach from=$menu.submenu item=menu2}>
<li <{if $menu2.submenu}>class='has-sub'<{/if}>>
<a href='<{$menu2.url}>' target="<{$menu2.target}>">
<span><i class="<{$menu2.icon}>"></i> <{$menu2.title}></span>
</a>
<{if $menu2.submenu}>
<ul>
<{foreach from=$menu2.submenu item=menu3}>
<li>
<a href='<{$menu3.url}>' target="<{$menu3.target}>">
<span><i class="<{$menu3.icon}>"></i> <{$menu3.title}></span>
</a>
</li>
<{/foreach}>
</ul>
<{/if}>
</li>
<{/foreach}>
</ul>
<{/if}>
</li>
<{/foreach}>
</ul>
</div>
<div style="clear:both;"></div>
<!--內容區-->
<div id="xoops_theme_content">
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/$theme_type.html"}>
</div>
</div>
<!--頁尾-->
<div id="xoops_theme_foot">
<div id="theme_foot">
<div id="foot_content">
<!--頁尾區-->
<{$xoops_footer}>
</div>
</div>
</div>
<script type='text/javascript'>
if(typeof jQuery == 'undefined') {
document.write("<script type='text/javascript' src='<{xoAppUrl modules/tadtools/jquery/jquery.js}>'><\/script>");
}
</script>
<script src="<{xoAppUrl modules/tadtools/bootstrap/js/bootstrap.min.js}>"></script>
<!--導覽列-->
<link href="<{xoImgUrl menu/styles.css}>" rel="stylesheet" type="text/css">
<script type='text/javascript' src='<{xoImgUrl menu/menu_jquery.js}>'></script>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/my_js.html"}>
<{if $show_var==1}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/show_var.html"}>
<{/if}>
</body>
</html>
