简单的方法实现帝国CMS模板制作中的当前栏目高亮功能

简单的方法实现帝国CMS模板制作中的当前栏目高亮功能

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2020-10-20 21:44:57
文章简介

轻松实现帝国CMS模板当前栏目高亮,只需简单几步。通过修改模板代码,添加高亮样式,即可快速突出显示当前栏目,提升用户体验,让网站导航更直观明了。

  • 正文开始
  • 相关阅读
  • 推荐作品

在帝国CMS模板制作中,当前栏目导航高亮这个功能是很常见的,用PHP循环或者灵动标签循环是常规做法,当然也可以用JS来做,这些方法墨鱼稍后都会整理出来。今天墨鱼就先说一个帝国模板制作中一个很简单的方法实现当前栏目高亮:

我们今天只用帝国默认的[showclasstemp]标签+CSS实现,此标签用法具体参考:

简单的方法实现帝国CMS模板制作中的当前栏目高亮功能

把高亮的CSS样式写入模板  用[showclasstemp] 标签输出栏目列表
[!--self.classid--] 当前栏目ID  [!--classid--] 栏目ID
CSS高亮:

<style>
.this[!--self.classid--]
</style>

标签模板:

<li class="this[!--classid--]"></li>

当ID相同的时候 栏目就高亮了
比如当前栏目ID为6  那么CSS样式为:

<style>
.this6
</style>

栏目列表则为:

<li class="this1"></li>
<li class="this2"></li>
<li class="this3"></li>
<li class="this4"></li>
<li class="this5"></li>
<li class="this6"></li>

那么栏目6  就亮了!

 

帝国CMS会员中心模板中判断收藏夹是否有内容
« 上一篇 2020年10月16日
帝国CMS模板封面栏目内容调用当前栏目id和当前内容页id
下一篇 » 2020年10月20日

如本文对您有帮助,就请墨鱼抽根烟吧!