WEB开发网      濠靛倻鏅悵顖涚附閽樺鐎诲ù婊庡亾缁辨帗鎷呴悩鍨暠濞戞挴鍋撳ù鐘烘閸ㄥ孩绂嶉锝喰﹂柟瀛樺灣濠婃垿鎯冮崟顏嗩伇濞寸姾妫勬慨鈺呭礉濞戝磭骞㈤悹鍥у槻閸ㄥ孩绂嶉敓锟� ---闁挎洩鎷�
开发学院CMS教程其它CMS 宏博CMS导航栏自动多行显示 阅读

宏博CMS导航栏自动多行显示

 2010-05-31 19:16:00 来源:WEB开发网 闁靛棴鎷�闁告垵绻愰惃顒傗偓娑欍仦缂嶏拷濠⒀呭仜閵囧洨鈧稒銇炵紞锟�闁靛棴鎷�  闁稿繗娅曢弫鐐次涘▎鎰泚闁告娲ㄥ▓鎴濐嚗椤旂厧瑙�
核心提示:今天有朋友在宏博论坛里提到了导航栏目需要多行显示,不想用top_nav标记手动修改,宏博CMS导航栏自动多行显示,而想模板自动显示,其实这不会很难,可根据需要来自行修改,使用:你可以将以上代码直接复制并替换“冰蓝简洁”模板中的有关部分,你只要掌握了一些HTML有关表格或CSS的知识,以及一些模板

今天有朋友在宏博论坛里提到了导航栏目需要多行显示,不想用top_nav标记手动修改,而想模板自动显示。

其实这不会很难,你只要掌握了一些HTML有关表格或CSS的知识,以及一些模板代码知识(甚至你不需要弄懂,而直接参考首页友情链接有关分行的代码),就可以轻松实现。

下面给出以“冰蓝简洁”模板为例的代码部分供参考:

<!-- 导航条 -->

<TABLE width=985 border=0 cellpadding='0' cellspacing='0' align=center>

<TR>

<TD class="nav bcb bgb sub_nav">

<TABLE border=0 cellpadding='0' cellspacing='0'>

<TR class="nav bcb bgb sub_nav">

<{strip}>

<{if $data_ary.my_tag.top_nav.body_1|strip == '' }>

<TD>< A HREF="/" target=_self>首页</A></TD>

<{assign var="type_num" value="1"}>

<{foreach name=all_type item=single_type from=$web.type}>

<{if $single_type.parent_id == 0 && $single_type.id >5}><TD><A HREF="<{$single_type.url}>" target=_self><{$single_type.title}></A></TD>

<{assign var="type_num" value="`$type_num+1`"}>

<{if $type_num%10== 0}>

</tr><tr class="nav bcb bgb sub_nav" style="border-top:0px">

<{/if}>

<{/if}>

<{/foreach}>

<{else}>

<{$data_ary.my_tag.top_nav.body_1}>

<{/if}>

<{/strip}>

</tr></table>

</TD></tr></table>

说明:红色部分的数字10表示一行显示多少个栏目,可根据需要来自行修改。

使用:你可以将以上代码直接复制并替换“冰蓝简洁”模板中的有关部分,替换保存前请备份原文件。

Tags:宏博 CMS 导航

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接