[1092] 前端技術入門
<link rel="stylesheet" type="text/css" media="all" href="<{xoImgUrl}>css/stellarnav.min.css">
<div id="nav">
<div class="container my-container-width">
<div class="row">
<nav class="col">
<div class="stellarnav">
<ul>
<!-- 主選單 -->
<{if $auto_mainmenu}>
<li><a href="#">主選單</a>
<ul>
<{foreach from=$main_menu_var item=opt}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
<{/foreach}>
</ul>
</li>
<{/if}>
<!-- 自訂選單 -->
<{foreach from=$menu_var item=opt}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
<{/foreach}>
<!-- 會員選單 -->
<{if $xoops_isuser}>
<li class="float-xl-right">
<a href="#">
歡迎：<img src="<{$xoops_avatar}>" style="height: 24px;"> <{$xoops_name}>
</a>
<ul>
<!-- 管理員 -->
<{if $xoops_isadmin}>
<{foreach from=$admin_menu_var item=opt}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
<{/foreach}>
<{/if}>
<!-- 會員 -->
<{foreach from=$user_menu_var item=opt}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
<{/foreach}>
</ul>
</li>
<{/if}>
</ul>
</div>
</nav>
</div>
</div>
</div>
<script type="text/javascript" src="<{xoImgUrl}>js/stellarnav.js"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
jQuery('.stellarnav').stellarNav({
menuLabel: '選單',
position: 'left',
scrollbarFix: true
});
});
</script>