阅读新闻

导航栏自动多行显示

来源:CMSCool.com  作者:upwinder  [日期:2008-10-17] [字体: ]

今天有朋友在宏博论坛里提到了导航栏目需要多行显示,不想用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表示一行显示多少个栏目,可根据需要来自行修改。

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



阅读:47
录入:爱随缘来

相关评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
本站赞助