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‘ 栏目ID

reid = ‘0‘ 上级栏目ID

row = ‘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>标记。

时间: 2024-11-05 11:15:46

dedecms当前栏目高亮显示方法的相关文章

织梦DedeCMS调用二级子栏目或者多级栏目解决方法

本文是关于织梦DedeCMS调用多级子栏目的,拿来测试分享下.DEDECMS v5.7,后台已建栏目目录,如下图1所示: 图1 DEDECMS后台栏目结构 现在,我们先来调用顶级栏目"站长新闻",以及其下的子栏目,如图2所示: 图2 DEDECMS顶级栏目"站长新闻" 当前栏目typeid值为3,所以代码如下: {dede:channelartlist typeid='3,3'} <a href="{dede:field name='typeurl'

dedecms隐藏高级搜索中的隐藏栏目的方法

今天发现,禁止搜索隐藏栏目内容后,发现,高级搜索里仍有隐藏栏目版块,经测试,找到解决办法如下:一.找到并打开heightsearch.htm模板(templates\plus\下),在第34行,找到$typeOptions = $tl->GetOptionArray(0,0,0);将其改为$typeOptions = $tl->GetOptionArray(0,0,1);解释如下:第三个参数表示栏目类型(即文章集),改为1表示文章集类栏目,0表示所有频道二.找到并打开include\typel

dedecms二级栏目分类 使用channelartlist标签实现当前栏目高亮

在dedecms二级栏目分类,使用channelartlist标签实现当前栏目高亮,估计你没试过!不过开发的时候需要了,也就记下来分享给大家! 使用channel也可以,但是我们需要dede二级栏目下拉的时候就要用到这个了,呵呵,使用还是非常简单的 修改一个channelartlist类就可以了 下面介绍如何使用channelartlist标签实现当前栏目高亮 1.首先找到"include\taglib\channelartlist.lib.php"文件,打开 2.搜索代码 "

首页导航条栏目高亮显示

{pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"} <ul>    <li  {if !$catid} class="active" {/if}><a href='index.html'><span>首页</sp

dedecms网站栏目增加缩略图的方法

有时候因为网站功能需求,我们需要为织梦程序的栏目页添加缩略图功能,这里有一个栏目添加缩略图的方法,供大家参考 涉及到文件如下(注意备份): dede/catalog_add.php dede/catalog_edit.php dede/templets/catalog_add.htm dede/templets/catalog_edit.htm 打开文件夹templets这个目录,在里面新建一个文件夹typeimg,用于独立存放栏目缩略图 新加字段 typeimg 后台执行SQL(前缀默认为de

织梦dedecms调用子栏目的方法

织梦调用子栏目名称在栏目.文章页及首页的方法是有区别的.首页的调用方法和在栏目的调用基本是一样的,如下: {dede:channel typeid=''} <li><h3><a href="[field:typeurl/]" title="[field:typename/]">[field:typename/]</a></h3></li> {/dede:channel} 这是调用制定顶级栏目下的

织梦DedeCMS调用二级子栏目或者多级栏目的方法

图2 当前栏目typeid值为3,所以代码如下: {dede:channelartlist typeid='3,3'} <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> <hr><!-- 这里我们加一个横线,已区分顶级栏目.子栏目,此处为注释文字,可以删除--> {dede:channel type='son' noself='yes'} &l

dedecms织梦特定条件下,隐藏特定栏目的方法,通过css实现

  定义css样式.hidden{display:nidden} 因为栏目id为6的栏目是关于我们等非核心栏目,不想在导航上显示,但在后台又没有设置隐藏,设置隐藏了前台的其它栏目页就没法调用他了.所以,在导航条上要处理一下 {dede:channel type='top' row='10'       currentstyle="<li class='active'><a href='~typelink~' ~rel~>~typename~</a></l

让当前选中栏目高亮显示的一种方法

<ul class="menucontent" id="menucontent"> <li><a href="/WEBUI/Home/Index" url="Index" class="top">@(Resource.layout_menu_index)</a></li> <li><a href="/WEBUI/Lock