discuz_x3菜单修改

　　昨天修改了下导航菜单，大约花了1个小时，因为偶有个静态文件夹，里面有10多个独立的静态网页，大部分时间花这上面了。虽然默认菜单好修改，但偶看了下下拉菜单的 code，确实非常难改，所以只是改了下高宽和背景，如果要换成自定义菜单，可能需要多点时间，但能修改默认的，也就能替换它，下面说下具体方法：

导航菜单
首页在后台 - 界面 - 风格管理 - 编辑
找到 菜单 - 菜单背景颜色 {MENUBGCOLOR},{MENUBGCODE}:
修改颜色值 #434343
菜单高亮背景 {MENUHOVERBGCOLOR},{MENUHOVERBGCODE}:
修改颜色值 #4381bc
修改 no-repeat 50% -33px 为  no-repeat 50% -40px

找到 template\default\common\common.css
大约620行，将 #nv 的改成

1. #nv { overflow: hidden; padding-left: 3px; height: 40px; {MENUBGCODE}; }
   
2.                                 #nv li { float: left; padding-right: 1px; height: 40px; line-height: 40px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 100; font-size: 14px; }
   
3.                                         .ie_all #nv li { line-height: 43px; }
   
4.                                         .ie6 #nv li { line-height: 40px; }
   
5.                                         #nv li a { float: left; padding: 0 25px; height: 40px; }
   
6.                                                 #nv li a { color: {MENUTEXT}; }
   
7.                                                 #nv li span { display: none; }
   
8.                                         #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
   
9.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
   
10.                                                 #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -80px; }
    
11.                                                 #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -120px; }
    

复制代码

下拉菜单
后台 - 界面 - 风格管理 - 编辑
找到 下拉菜单 - 下拉菜单边框色 {DROPMENUBORDER}:
修改颜色值 #FEFEFE

找到 template\default\common\common.css
大约357行 查找 .showmenu

1. .showmenu { padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; cursor: pointer; white-space: nowrap; }
   
2.                 #um .showmenu { margin-right: -5px; }

复制代码

找到 source\function\cache\cache_setting.php
大约877行 查找

$nav['code'] = '<li>'.$nav['subcode'].'<a href="'.$nav['url'].'"'.($nav['title'] ? ' title="'.$nav['title'].'"' : '').($nav['target'] == 1 ? ' target="_blank"' : '').'>'.$nav['icon'].$nav['name'].'</a></li>';

修改前的样式

修改后的样式

总结：
　　整个过程非常容易，但要熟悉菜单样式原理，这个理出来了，自定义菜单也就不难，同时要在多个浏览器中测试下，ie678910，ff，chrome，傲游等。


菜单附件：

不错支持一下，不过感觉前面的还好看些

看看 学学  
趣乐秀中文网
http://www.asigruel.com

  很不错的教程·   

过路的

蛮不错，学习了！需要简洁菜单时可以研究一下。

找到 source\function\cache\cache_setting.php
大约877行 查找

$nav['code'] = '<li>'.$nav['subcode'].'<a href="'.$nav['url'].'"'.($nav['title'] ? ' title="'.$nav['title'].'"' : '').($nav['target'] == 1 ? ' target="_blank"' : '').'>'.$nav['icon'].$nav['name'].'</a></li>';
  

这个是修改还是怎么？    这句话没解释   求科普

hackshow 发表于 2013-2-21 19:04
找到 source\function\cache\cache_setting.php
大约877行 查找

这是 php代码，二级菜单的，这个不用管，放上去，因为有人需要自定义菜单，就需要改这部分。

html6 发表于 2013-2-21 19:52
这是 php代码，二级菜单的，这个不用管，放上去，因为有人需要自定义菜单，就需要改这部分。

谢谢奥，  不懂PHP    前面还不明白这段语句的意思呢~