织梦cms模板更改栏目颜色

织梦CMS模板更改栏目颜色的方法

在织梦CMS中"更改栏目颜色"通常是指修改导航栏中某个栏目的背景色或文字颜色，实现特殊栏目的视觉突出效果。

一、通过CSS修改所有栏目的颜色

在模板的CSS样式块中修改导航样式：

.nav li a{color:#333;background:#f5f5f5;}
.nav li a:hover{color:#fff;background:#3498db;}

二、为特定栏目设置不同颜色

通过判断栏目ID添加不同的CSS类：

{dede:channel type='top'}
<li class="nav-[field:id/]">
<a href="[field:typelink/]">[field:typename/]</a>
</li>
{/dede:channel}

然后在CSS中为每个栏目定义颜色：

.nav-1 a{background:#e74c3c;}
.nav-2 a{background:#3498db;}
.nav-3 a{background:#2ecc71;}

三、给高亮栏目设置不同颜色

{dede:channel type='top' currentstyle="<li class='active'><a href='~typelink~' style='background:#e74c3c;color:#fff;'>~typename~</a></li>"}
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}

四、在后台可视化修改模板CSS

1. 进入"模板"→"默认模板管理"。
2. 找到导航相关的模板文件（通常是head.htm）。
3. 修改其中的CSS颜色值。
4. 保存后更新缓存和HTML。