:::
6. 利用多背景來組成自適應畫面
6-1 modules\system\system_siteclosed.tpl
<!DOCTYPE html>
<html lang="<{$xoops_langcode}>">
<head>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/get_var.tpl"}>
<{assign var=my_theme value=$xoTheme->folderName}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/meta.tpl" }>
<link rel="stylesheet" href="<{xoImgUrl}>css/animate.min.css">
<{includeq file="$xoops_rootpath/modules/tadtools/themes4_tpl/link_css.tpl" }>
<{$xoops_module_header}>
<title>
<{$xoops_sitename}>-<{$xoops_slogan}>
</title>
</head>
<body>
<!-- 標題區 -->
<div class="container my-container-width">
<header class="row">
<div class="col-sm-9">
<!-- Logo圖 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/logo.tpl"}>
</div>
<div class="col-sm-3">
<!-- 搜尋工具 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/search.tpl"}>
</div>
</header>
</div>
<!-- 導覽列 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/nav.tpl"}>
<!-- 主內容區 -->
<div class="container my-container-width">
<div class="row">
<div class="col">
<{includeq file="$xoops_rootpath/modules/tadtools/themes4_tpl/siteclosed_login.tpl"}>
</div>
</div>
</div>
<!-- 頁尾區 -->
<div id="footer">
<footer class="container my-container-width">
<div class="row">
<div class="col-md" id="footer_left">
<{assign var=place value=footer_left}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
<div class="col-md" id="footer_center">
<{assign var=place value=footer_center}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
<div class="col-md" id="footer_right">
<{assign var=place value=footer_right}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
</footer>
</div>
<{includeq file="$xoops_rootpath/modules/tadtools/themes4_tpl/bootstrap_js.tpl"}>
</body>
</html>
