对于Discuz菜单栏样式的修正

uusz · 发表于 2008-1-19 09:14:34

对于Discuz菜单栏样式的修正（具体效果演示站长线-站长论坛）

Discuz6.0其实对于菜单栏的样式是有特效处理的，当鼠标划过对应菜单，菜单样式会发生变化，在当前菜单的时候，菜单效果也变化。
因为css和代码上的失误，Discuz6.0的正式版实际上没有达到这种效果。

需要修改模板文件下面的两个文件

一、修改文件css.htm
查找
                     #menu li a { text-decoration: none; float: left; color: {HEADERMENUTEXT}; padding: 4px 8px 3px; background: url({IMGDIR}/menu_itemline.gif) no-repeat 0 6px; }
                              #menu li.hover, #menu li.current { background-color: {BGCOLOR}; border: 1px solid; border-color: {CATBORDER} {CATBORDER} {BGCOLOR}; }
                                    #menu li.current { font-weight: bold; }
                                    #menu li.hover a { padding: 3px 7px; background-image: none; }
                                    #menu li.current a { padding: 4px 7px 3px; background-image: none; }
修改为
                     #menu a { text-decoration: none; float: left; color: {HEADERMENUTEXT}; padding: 4px 8px 3px; background: url({IMGDIR}/menu_itemline.gif) no-repeat 0 6px; }
                              #menu a:hover, #menu .current a { padding: 3px 7px; background-image: none; background-color: {BGCOLOR}; border: 1px solid; border-color: {CATBORDER} {CATBORDER} {BGCOLOR}; }

二、修改文件header.htm
查找
<li><a href="my.php?item=threads"class="current">{lang show_mytopics}</a></li><li><a href="my.php?item=grouppermission">{lang my_permissions}</a></li>
修改为
<li class="current"><a href="my.php?item=threads">{lang show_mytopics}</a></li>

查找
<li><a href="memcp.php"class="current">{lang memcp}</a></li>
修改为
<li class="current"><a href="memcp.php">{lang memcp}</a></li>

查找
<li><a href="stats.php">{lang statistics}</a></li>
修改为
<li class="current"><a href="stats.php">{lang statistics}</a></li>

查找
a href="pm.php" target="_blank"
修改为
a href="pm.php"

常春藤 · 发表于 2008-1-19 10:08:16

没有看出什么效果来，LZ能否明示?

mamiw · 发表于 2008-1-19 10:09:03

这个发图片可能效果就看得出来了

uusz · 发表于 2008-1-22 01:12:38

你将鼠标在顶部菜单栏上面移动就知道效果了

hi.boyfriend · 发表于 2008-1-22 09:32:09

好東西!!先收藏!!

		自动登录	找回密码
密码			立即注册

[发布] 对于Discuz菜单栏样式的修正