你的位置:HBcms宏博内容管理系统 模板设计 正文
模板设计
  1. 留言板
内容搜索
热门内容
  1. 几套推荐的HBcms模板下..
  2. 如何修改模板文件?怎..
  3. Smarty模板插件下载,..
  4. HBcms的模板语言是自己..
  5. smarty官方文档下载
  6. 模板变量说明,如何制..
  7. HBcms的Smarty模板结构..
  8. 做模板的基础:掌握基..
  9. 如何在模板里加上会员..
  10. 吐血推荐让流量暴涨的..
推荐内容
  1. 如何修改模板文件?怎..
  2. HBcms的模板语言是自己..
  3. 修改添加留言表单的外..
  4. 如何设计一个漂亮的公..
  5. 为留言板内容录入框增..
  6. 会员查看自己的留言列..
  7. 会员查看自己的留言详..
  8. 让导航条里的外部链接..
  9. 产品或图片频道如何自..
  10. 随机显示栏目文章的首..
导航栏自动多行显示
  • 原作者:upwinder 添加时间:2007-11-28 发表时间:2007-11-28 人气:2175 来源: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表示一行显示多少个栏目,可根据需要来自行修改。

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

  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 模板设计