工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > 帝国cms > 正文

帝国cms实现当前栏目导航高亮最简便的方法

发布时间:2021-10-25 00:26:49作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

这个方法非常的巧妙,是我在帝国论坛搜“高亮”一词找到的。一句话说明原理就是:当栏目id和当前栏目id一样时执行写在模板里的高亮样式,高亮样式的类名是由标签动态输出的。下文是具体方法,我只是把这个方法写的更直白,让刚入门的小白都能看得懂。

第一步:修改栏目tabs导航

模板→标签模板→管理标签模板→栏目tabs导航,把列表内容模板里的改成自己的li,比如:
  1. <li id="this[!--classid--]"><a href="[!--classurl--]">[!--classname--]</a></li> 
建议用id,层级较多的情况下class控制不方便。

第二步:公共模板变量里的导航输出,例如:
  1. <div class="nav"> 
  2.   <ul> 
  3.     <li><a href="[!--news.url--]">首页</a></li> 
  4.     [showclasstemp]0,12,0,0[/showclasstemp] 
  5.   </ul> 
  6. </div> 
不知道[showclasstemp]含义的,打开帝国cms使用教程手册(http://www.phome.net/doc/manual/,建议把这个地址添加为书签,学习帝国cms必备)→美工手册→内置标签语法→点带模板的栏目导航标签(showclasstemp)。

第三步:在列表模板和内容模板里写入高亮的css,比如:
  1. <style> 
  2. #this[!--self.classid--] a { 
  3.   color#ff6666
  4. </style> 
[!--self.classid--]输出的是当前栏目id,当当前栏目id和栏目id相等时,执行高亮样式。

此方法不修改帝国本身代码,绝对安全;二级栏目导航没试过,因为最近做的网站没这个需求;近几年论坛虽然一个接一个关停,但论坛真的是宝藏一样的存在,帝国cms论坛曾今也关停过很长一段时间,但最终还是恢复了,希望帝国论坛能一直稳定运营下去。

原贴:http://bbs.phome.net/ShowThread/?threadid=342541&forumid=13

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:帝国cms文章开启收费后信息权限提示页如何修改?下一篇:返回列表

原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi