您的位置:HBcms宏博内容管理系统 模板设计 正文
原作者:upwinder 添加时间:2007-11-28 原文发表:2007-11-28 人气:1072 来源:www.upwinder.com


今天有朋友在宏博论坛里提到了导航栏目需要多行显示,不想用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%2 == 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>

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

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

本页地址
相关文章

吐血推荐让流量暴涨的代码-把你的文章加入
如何让首页显示网友留言/评论留言?
宏博cms模板里如何调用某个栏目(分类)的文
冰蓝模板如何在首页添加横幅广告
如何给首页的每个栏目增加一个图片文章
Smarty中文手册,Smarty教程
列表页模板变量$data_ary.main_article详解
自动显示导航条连接,解读$web.type模板变量
最基本的smarty变量:$web模板变量说明和使
模板变量说明,如何制作个性模板
如何修改模板文件?怎样调试模板?
直接在hbcms模板里读取数据库的内容
根据特定的栏目排序属性,显示此栏目的下级
做模板的基础:掌握基本的HTML代码语法
如何修改模板自带的图片?
如何在模板里加上会员登录框?登录后显示会
显示随机文章的代码,让网站首页每次更新内

相关评论


本文章所属分类:首页 模板设计