百变心情，多种颜色的彩虹导航条下载及修改方法

先上图展示下：


这个是DEDE官方发布的彩虹导航条，我把它弄到SS来了，方便一些刚接触SS的朋友修改自己的风格。

接下来是修改的方法：

打开templates/default/css/里面的common.css文件，找到一下代码：

1. /* nav style */
   
2. 
   
3. #nav { width:960px; overflow:hidden; margin:0 auto 10px; background:#D3EAF0; }
   
4. 
   
5.         .main_nav { height:34px; overflow:hidden; padding-top:1px; background:#1A4963; color:#FFF; font-size:14px; }
   
6. 
   
7.                 .main_nav ul { width:94%; overflow:hidden; padding:0 0 0 1.3%; }
   
8. 
   
9.                 .main_nav ul li { float:left; margin-right:1px; }
   
10. 
    
11.                 .main_nav ul li a { float:left; display:block; padding:9px 15px; color:#FFF; }
    
12. 
    
13.                 .main_nav .current a { background:url(../images/nav_current_bg.gif) repeat-x; color:#295B72; font-weight:700; text-decoration:none!important; }

复制代码

替换为以下代码：

1. /* nav style */
   
2. 
   
3. #nav { width:960px; overflow:hidden; margin:0 auto 10px; background:#D3EAF0; }
   
4. 
   
5.         .main_nav { height:40px; overflow:hidden; background:url(../images/navbg.gif) repeat-x; color:#FFF; font-size:14px; }
   
6. 
   
7.                 .main_nav ul { width:960px; height:40px; overflow:hidden; background:url(../images/navr.gif) top center no-repeat; }
   
8. 
   
9.                 .main_nav ul li { float:left; margin-left:-2px; text-align:center; background:url(../images/navbg.gif) left bottom no-repeat;}
   
10. 
    
11.                 .main_nav ul li a { float:left; color:#FFF; display:block; padding-left:17px; padding-right:15px; text-decoration:none; height:40px; line-height:37px; }
    
12.                
    
13.                 .main_nav ul li a:hover{ color:#FFFF99; background:url(../images/navo.gif) center bottom no-repeat; }
    
14. 
    
15.                 .main_nav ul li a.thisclass{ color:#FFFF99; background:url(../images/navo.gif) center bottom no-repeat;}
    
16. 
    
17.                 .main_nav .current a { background:url(../images/navo.gif) center bottom no-repeat; font-weight:700; text-decoration:none!important; }

复制代码

说明：

我说的方法只是针对修改官方默认风格的，如果你用其他的风格，需要自己调整CSS代码。

使用方法：

1.修改以上的CSS代码。

2.解压附件，把images文件夹上传至templates/default目录下（图片的名称不会和现有的文件重名，大家放心上传替换）

3.附件中一共有7种颜色的导航条，选择一个你喜欢的重命名为navbg.gif，并上传至templates/default/images/目录，修改以上几点后，刷新就可以看到效果了。

楼上广告，等着被删除吧

没人要吗，没人要，就删除了

真的没人要啊

大家都想要,只是要钱,大家就不想了

https://discuz.dismall.com/thread-1344580-1-1.html
来这免费下吧

你还不如直接教别人怎么换颜色~