discuz 修改导航菜单为全屏显示(适用于默认模板X 3)
由于喜欢用Discuz的默认模板,但是呢,总觉得在这个年代,导航条不整大一点网站就不大气,本着怎么大气怎么改,一定要全屏宽度的导航条,让网站提升一个档次。
修改实现方法:
1、修改template/default/common/header.htm,搜索
1 | <div id="nv"> |
修改为
1 2 3 | </div> <div id="nv"> <div class="wp"> |
2、搜索
1 2 | <!--{hook/global_nav_extra}--> </div> |
修改为
1 2 3 4 | <!--{hook/global_nav_extra}--> </div> </div> <div class="wp"> |
3、修改template/default/common/common.css
搜索
1 | #hd .wp { padding: 10px 0 0; } |
修改为
1 | #hd .wp { } |
4、论坛后台点击“界面,风格管理,编辑”,找到“菜单背景颜色”,删除背景图片“nv.png”和附加属性“no-repeat 0 0”,提交即可。想保留背景图片可以把背景图片两边裁掉一部分这样就不会显示分界线了。
记得更新一下模板文件的CSS缓存,不然看起来导航条跟导航文字(包括快捷导航)的位置有偏差。