宏博CMS导航栏自动多行显示
2010-05-31 19:16:00 来源:WEB开发网今天有朋友在宏博论坛里提到了导航栏目需要多行显示,不想用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表示一行显示多少个栏目,可根据需要来自行修改。
使用:你可以将以上代码直接复制并替换“冰蓝简洁”模板中的有关部分,替换保存前请备份原文件。
- ››CmsTop采集图文教程
- ››cmstop如何更换系统默认模板
- ››CmsTop大众版视频教程之:文章采集教程
- ››宏博CMS教程:添加文章的时候,如何给上传的图片加...
- ››宏博CMS教程:如何查看会员的数字ID?
- ››宏博CMS教程:如何添加广告代码?自定义标记中的“...
- ››宏博CMS教程:自定义标记适合放哪些广告代码?
- ››宏博CMS教程:阅读文章无权限的提示,如何设置个性...
- ››宏博CMS教程:何给首页添加幻灯片(图片翻滚特效)...
- ››宏博CMS教程:什么是远程链接seo?有什么作用?
- ››宏博CMS教程:如何上传flash文件在网页中播放
- ››宏博CMS教程:文章采集到了HBCMS后,还需要做什么...
更多精彩
赞助商链接