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

先上图演示下：


这个是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; }
    
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; text-decoration:none!important; }

复制代码

说明：

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

使用方法：

1.修改以上的CSS代码。

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

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

这个本来发在风格区想赚几个金币的，可惜人家都看不上，没一个人愿意花一个金币购买，所以就发在这免费分享给大家了，东西虽然简单，可是对于菜鸟修改，也是个不错的选择。

https://discuz.dismall.com/thread-1335734-1-1.html  原帖地址，不知道紫琼姐姐能不能帮忙删除掉，只保留现在的这个帖子。

不错，不过建议再升级一下，可以写个PHP，周一~周日，每天一种颜色的导航条哈

哈哈，谢谢littlehz的支持，不过我在程序方面是个小白，不如你来一个吧！~~

核心提示是由PHP输出CSS，mime类型设置为text/css。
然后header.html.php加载这个css（后缀名为php，一个网页可以加载多个CSS）
为了不使CSS冲突，应该删除common.css中的#nav块的所有内容。
这个php生成$nav块的css。
PHP的主要功能就是用date函数获取当前服务器时间，当然这个时间不是要几年几月几点的，而是只要星期几，可以date指定参数生成，网上查查。
然后用php的case语句判断获取的date值，如果周一用哪个背景，如果周二用哪个背景。
不难，但需要花点时间，你网上找找资料写写吧

看了，都不回帖啊

看了，回了，呵呵

额    不错  东西好

恩，不错,对我们新手菜鸟来讲,这个比其他的东西还更加实用!!!

哈哈，谢谢大家的回复