当前位置: 代码迷 >> Web前端 >> 织梦(dedecms)仿站课程第九讲―通用头部(五)导航栏
  详细解决方案

织梦(dedecms)仿站课程第九讲―通用头部(五)导航栏

热度:861   发布时间:2013-02-06 14:02:20.0
织梦(dedecms)仿站教程第九讲―通用头部(五)导航栏

今天这一讲,主要讲织梦模板导航栏的制作。
首先打开通用头部文件head.htm。找到以下代码:


  1. <LI><A class=current href="http://www.quanji.cn/">首 页</A> </LI>   
  2. <LI><A href="http://www.quanji.cn/news">拳击新闻</A> </LI>   
  3. <LI><A href="http://www.quanji.cn/article">文章中心</A> </LI>   
  4. <LI><A href="http://www.quanji.cn/photo">拳击图片</A> </LI>   
  5. <LI><A href="http://www.huylin.com">拳赛下载</A> </LI>   
  6. <LI><A href="http://www.www.heatpress123.net">拳击视频</A> </LI>   
  7. <LI><A href="http://www.quanji.cn/game">拳击游戏</A> </LI>   
  8. <LI><A href="http://www.software8.co">拳击商城</A> </LI>   
  9. <LI><A href="http://bbs.quanji.cn/" target=_blank>拳迷论坛</A> </LI>   
  10. <LI><A href="http://bbs.quanji.cn/home.php" target=_blank>拳迷家园</A> </LI>   
  11. <LI><A class=last href="http://www.quanji.cn/tv" target=_blank>拳赛直播</A> 

修改为:


  1. <LI><A class=current href="{dede:global.cfg_cmsurl/}/">首 页</A> </LI>   
  2. {dede:channel type='top' row='10'}   
  3. <LI><A href="[field:typeurl/]">[field:typename/]</A> </LI>   
  4. {/dede:channel} 

[list=1] 代码解释: 第2行到第4行,是channel|频道标签。该标签的用法如下: 标记简介:织梦常用标记,通常用于网站顶部以获取站点栏目信息,方便网站会员分类浏览整站信息 功能说明:用于获取栏目列表 适用范围:全局使用 基本语法:


  1. {dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"}   
  2. <li><a href='[field:typelink/]'>[field:typename/]</a> </li>   
  3. {/dede:channel} 

参数说明: typeid = '0' 栏目ID reid = '0' 上级栏目ID row = '100' 调用栏目数 col = '1' 分多少列显示(默认为单列) type = 'son | sun' son表示下级栏目,self表示同级栏目,top顶级栏目 currentstyle = '' 应用样式 底层模板字段: ID(同 id),typeid, typelink, typename, typeurl,typedir(仅表示栏目的网址) 例:


  1. {dede:channel type='top'}   
  2. <a href='[field:typelink /]'>[field:typename/]</a>   
  3. {/dede:channel} 

注:在没有指定typeid的情况下,type标记与模板的环境有关,如,模板生成到栏目一,那么type='son'就表示栏目一的所有子类 织梦标签使用手册:http://help.dedecms.com/v53/archives/tag/ 多看看织梦手册,有助于你熟练的应用织梦系统(DEDECMS)。 今天这一讲的内容就讲完了,最后加一点,把LOGO修改成福星网络的LOGO。用PS打开templets\fuxing5\images目录下的logo.gif,修改一下下,这个就要看你的PS功力了!完成后查看前台: 好了,这一讲就结束了,我们下一讲再见。

  相关解决方案