小李SEO博客

网站优化服务

dedecms当前栏目高亮显示方法

请问在织梦dedecms模板中如何实现导航栏中当前栏目的样式和非当前栏目不同,也就是当前栏目高亮显示?如果是页面是当前栏目的页面,比如说导航中有:这五个导航栏目,那么当我浏览<公司简介>这一栏目时<公司简介>在导航条中就高亮显示如:首页、公司简介、公司新闻、产品中心、联系我们或者采用另外的css样式,像:背景改为红色,非当前栏目就采用别的css样式。怎么实现这个功能呢?

1:首选我们来了解一下(channel)标签的使用:标签名称:channel标记简介:织梦常用标记,通常用于网站顶部以获取站点栏目信息,方便网站会员分类浏览整站信息功能说明:用于获取栏目列表适用范围:全局使用基本语法:{dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"}<li><a href='[field:typelink/]'>[field:typename/]</a></li>{/dede:channel}参数说明:typeid = '0' 栏目IDreid = '0' 上级栏目IDrow = '100' 调用栏目数col = '1'分多少列显示(默认为单列)type = 'son | sun' son表示下级栏目,self表示同级栏目,top顶级栏目currentstyle = ''应用样式class='thisclass' thisclass这个是自由的,他代表的意思是样式表里面,你所给的高亮显示的样式。底层模板字段:ID(同 id),typeid, typelink, typename, typeurl,typedir(仅表示栏目的网址)例:{dede:channel type='top'}<a href='[field:typelink /]'>[field:typename/]</a>{/dede:channel}注:在没有指定typeid的情况下,type标记与模板的环境有关,如,模板生成到栏目一,那么type='son'就表示栏目一的所有子类。

请看我的 dedecms模板中导航部分代码:<DIV class=menu><UL><LI><A href="/">首页</A> </LI>{dede:channel type='self' row='8' currentstyle="<li class=hover><a href=~typelink~>~typename~</a></li>"}<LI><a href='[field:typelink/]'>[field:typename/]</a></LI>{/dede:channel}</UL></DIV>那么我们在样式表里面的hover就是控制高亮显示的样式:.menu{里面就不多写了}.menu ul{里面就不多写了}.menu ul li{里面就不多写了}.menu ul li a{里面就不多写了}.hover{background:url(bg-nav.jpg) no-repeat;}上面这段是我的网页顶部导航菜单,其中currentstyle就是用来实现当前栏目突出显示的。

class=hover自然是我定义的当前栏目样式啦!这里就涉及到了织梦dedecms的标签问题,其实熟悉dedecms标签的同学对这个问题就不会为难,以下是dedecms的官方频道标签(也就是导航条用到的标签)说明:其中 class='thisclass' 中的thisclass就是你定义的css样式类别名(class,类别选择器),应用时改为你定义的class。class='thisclass'放在<a>标记中则css样式作用于<a>,也可以放在<li>标记中,作用于<li>标记。

上一篇:dedecms修改上传文件类型 下一篇:dedecms文章列表有缩略图显示没有缩略图的不显示图片
织梦cms相关文章阅读
  • 织梦cms网站幻灯片修改办法

    小李网络公司介绍织梦cms网站幻灯片修改知识.包括织梦dede幻灯片修改方法总结-去掉顶部文字等,改dede的方法幻灯片怎么做修改幻灯片版式dede主页修改如何设置母版幻灯片dede修改登录地址dede登...

  • 织梦cms变成全站动态浏览有利于优化方法

    小李网络公司介绍织梦cms变成全站动态浏览有利于优化方法知识,包括织梦dedecms教程织梦cms建站教程dedecms织梦系统织梦默认模板管理dedecms首页dede织梦仿站织梦cms后端模板织梦cms移动织梦帮助文...

  • 织梦cms防止恶意注册及快速批量删除垃圾会员及文章的方法

    小李网络公司介绍织梦cms防止恶意注册及快速批量删除垃圾会员及文章知识,包括Dedecms防止恶意注册及快速批量删除垃圾会员及文章的方法.织梦dedecms删除所有文章以及删除指定文章的方法_教程...

  • 织梦cms5.7动态导航下拉菜单代码实现方法

    小李网络公司介绍织梦cms5.7动态导航下拉菜单代码实现方法知识,包括html做下拉菜单栏jsp下拉框代码html导航栏下拉菜单代码html下拉菜单代码html5下拉菜单代码javascript下拉菜单dede嵌入视频代码...

  • 织梦cms搜索结果不匹配问题优化方法

    小李网络公司介绍织梦cms搜索结果不匹配问题优化方法知识,包括怎样优化DedeCMS搜索结果不匹配问题_教程_游龙模板网,优化DedeCMS搜索结果不匹配问题分享-猴子技术宅....

  • 织梦cms登录管理后台总是验证码错误解决方法

    在网上找了很多的解决方案,说法有很多种,但最后都无法解决这个问题,1、有人说是空间满了2、取消验证码3、把data/session目录下除index.htm外的其它session文件都删除4、服务器配置php.ini问题...

  • 织梦cms网站arclist标签调用tag的方法

    小李网络公司介绍织梦cms网站arclist标签调用tag知识.包括dede织梦arclist标签调用tag的方法_织梦58,dede模板站织梦 建站dedecms 织梦织梦dede建站教程视频dede调用指定tagdede相关tagdede仿站网dede嵌套tag...

  • 织梦cms按分类调用友情链接方法

    小李网络公司介绍织梦cms按分类调用友情链接方法知识,包括织梦常用调用标签dedecms调用页面织梦相关文章调用dedecms代码调用织梦调用代码织梦首页调用描述dedecms调用网站dedecms调用教程....

  • 织梦cms热门关键字代码

    小李网络公司介绍织梦cms热门关键字代码知识,包括dede织梦热门搜索关键字调用代码_织梦园,编程代码大全代码大全代码编程代码是什么g代码大全html代码代码怎么编网站代码网页代码专业代码...

  • 织梦cms网站投票模块漏洞设置教程

    小李网络公司介绍织梦cms网站投票模块漏洞设置教程知识,包括PHPCMS投票模块如何让微擎模块独立出来dedecms的投票模块微擎投票模块微信投票活动模块dedecms做投票微擎模块推荐dedecms多组投票....

  • 织梦cms5.7本地缩略图一直在上传中解决方法

    小李网络公司介绍织梦cms5.7本地缩略图一直在上传中解决方法知识,包括缩略图为什么上传不了dedecms上传缩略图怎么上传缩略图dede自定义缩略图微信缩略图如何导出qq上传图片无法显示缩略图...

  • 织梦cms输出生成页面显示白板解决办法

    小李网络公司介绍织梦cms输出生成页面显示白板知识,包括织梦dedecms生成文章是空白页面的解决方法-手工SEO,织梦dedecms生成文章是空白页面的解决方法-dedecms教程....

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640