泉州网页设计培训班-DEDECMS调用导航并高亮当前栏目

泉州网页设计培训班-DEDECMS调用导航并高亮当前栏目

DEDECMS调用导航并高亮当前栏目-道成设计

    • 不论是顶级栏目还是二级栏目都可以用dede:channel调,currentstyle则定义当前栏目的属性

 

    • 我们要让当前栏目高亮就要在这个属性上做文章。

 

    • 导航调用的代码如下:

 

{dede:channel type=’top’ row=’10’ currentstyle=”<li><a href=’~typelink~’ class=’hover’>~typename~</a> </li>”}
 <li><a href='[field:typelink/]’>[field:typename/]</a> </li>
{/dede:channel}

其中hover这个属性,就是我们自定义的a标签样式,该样式同样可以作用于li
则相应的代码改为

{dede:channel type=’top’ row=’10’ currentstyle=”<li class=’hover’><a href=’~typelink~’ >~typename~</a> </li>”}
 <li><a href='[field:typelink/]’>[field:typename/]</a> </li>
{/dede:channel}

为了确保当前栏目样式可以起作用而不是被其他ID类元素屏蔽
我们可以给样式增加一个important属性,以提高其优先级
具体为:.hover {color:#bb0007 !important;}

如此便可
若调用的是二级栏目则对应的将top改为son/self等类型即可

发表评论

电子邮件地址不会被公开。 必填项已用*标注