帝国ecms中纯css实现栏目导航当前栏目高亮显示

帝国ecms中纯css实现栏目导航当前栏目高亮显示

免费资源网,https://freexyz.cn/

ecms中实现当前栏目高亮基本可分为三种思路。

1.修改系统文件实现。

2.e:loop灵动标签实现。

3.纯CSS实现。

首先第一种方法肯定是不推荐的,而本人对sql语言一窍不通,所以只能走第三条路。以下为实现方法:

新建栏目导航标签模板,“页面模板内容”如下:

<ul class="catmenu">
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
</ul>

“列表内容模板”内容如下:

<li><a id="c[!--classid--]" href="[!--classurl--]">[!--classname--]</a></li>

在需要用到栏目导航的页面模板中head部分添加一条样式,内容如下:

<style type="text/css">#c[!--self.classid--] {font-weight:bold}</style

最后在需要的地方利用“带模板的栏目导航标签”showclasstemp调用栏目导航,注意模板要选择之前新建的栏目导航标签模板。

原理就是给所有调用出的栏目添加“c栏目id”的样式,然后页面中仅添加“c当前栏目id”的样式,两者id吻合即为当前栏目并加粗显示。

免费资源网,https://freexyz.cn/


css

分享到 :
相关推荐