【实测】Discuz!导航下拉菜单样式修改

来自版块: Discuz教程发表于: 2020-3-9 11:22:45

25896

通过谷歌“审查元素”可以发现dz 导航下拉代码如下：

复制代码

发现是G变量函数，一般没法改的！但是dz自带的下拉菜单样式实在太难看了，本人接触dz也是4个月时间，很多代码都不懂，就找了相关的模版查看源代码进行模仿。

方法如下：
1、进入网站根目录——template——当前使用模板——common——打开header.htm文件
2、搜索代码

复制代码

在G变量上面加一个class并且赋予相关的CSS样式，代码：

<div class="comeing_nv_pop">
<ul class="p_pop h_pop" id="plugin_menu" style="display: none">
<li>$module[url]</li>
</ul>
$_G[setting][menunavs]
</div>

复制代码

css样式：

/*导航下拉样式*/
.comeing_nv_pop .p_pop{ background:#0A5D80; border:0; border-radius:0 0 5px 5px; min-width:130px; overflow:hidden}
.comeing_nv_pop .p_pop a { padding: 10px 8px; color:#fff}
.comeing_nv_pop .p_pop a:hover,.comeing_nv_pop .p_pop a.a{ background:#0E6A9C; color:#fff;}
.p_pop a {border-bottom:none;}
.p_pop, .p_pof, .sllt {padding:0px;}
.p_pop{border:0px;}
.xl1 li {height:25px}

复制代码