织梦DedeCms5.6默认模板更改默认颜色教程

改默认颜色教程织梦DedeCms5.6默认模板相对于织梦DedeCms5.5来说,改变不大,大至样式也是这样,只是模板颜色方面有了更多的选择,从之前只有绿色,增多了5种颜色,这6中颜色可以自由切换,但默认的颜色还是绿色,也就是说访客第一次访问的时候看到的就是绿色。

使用织梦dedecms默认模板的站长朋友可以通过这个教程把默认的绿色改为自己喜欢的颜色,以改为蓝色为例。

本篇教程以改蓝色为例,具体其它颜色的修改请自行修改一下相关的颜色参数与样式图片名!

需要修改文件目录:\templets\default\style

需要修改的文件有:DedeCms.css layout.css page.css picture.css

第一步:分别把“dedecms.css layout.css page.css”里所有的green_skin.png替换成blue_skin.png。
(具体颜色样式请查看templets\default\images)

第二步:分别把“dedecms.css layout.css page.css picture.css”里所有的#BADAA1替换成#9DBCC9。
(这里是修改首页绿色框的颜色,你可以修改成自己喜欢的颜色。)

第三步:把layout.css里所有的#316301替换成#47677B。
(这里是修改首页分类栏目下的颜色,你可以修 改成自己喜欢的颜色。)

第四步:把layout.css里所有的#596F37替换成#47677B。
(这里是修改首页分类栏目下的“更多…”那里的颜色,你可以修改成自己喜欢的颜色。)

如果以上步骤你觉得麻烦的话,你直接下载附件覆盖到你根目录下吧!
温馨提示:之前的修改过以上四个CSS样式文件的朋友就不要覆盖了,以免把你之前修改的样式搞掉了,
还是按照上面的四个步骤去一一修改吧!

打开 /templets/default/js/changeSkin.js

  1. $(function(){   
  2.       var cookie_skin = $.cookie("MyCssSkin");   
  3.       switchSkin(cookie_skin);   
  4.       addEvent();   
  5. });  

修改为:

  1. $(function(){   
  2.     var cookie_skin = $.cookie("MyCssSkin");   
  3.     if (cookie_skin) {   
  4.         switchSkin(cookie_skin);   
  5.     }   
  6.     else   
  7.     {   
  8.         switchSkin(‘dedecms_skins_1’);   
  9.     }   
  10.     addEvent();   
  11. }); 

其中dedecms_skins_1修改为你需要的默认色系。

dedecms_skins_0 绿色 

dedecms_skins_1 蓝色 

dedecms_skins_2 红色 

dedecms_skins_3 桃红色 

dedecms_skins_4 黑色 

dedecms_skins_5 褐色

由于以上方法是用js来控制,所以打开的时候会先加载默认绿色再变为修改后的颜色。
默认颜色的样式是在/templets/default/style/dedecms.css中定义,需要直接修改默认颜色的朋友直接对比dedecms_skins_x.css来修改即可,但是此方法会导致默认绿色失效。

发表评论