改默认颜色教程织梦DedeCms5.6默认模板相对于织梦DedeCms5.5来说,改变不大,大至样式也是这样,只是模板颜色方面有了更多的选择,从之前只有绿色,增多了5种颜色,这6中颜色可以自由切换,但默认的颜色还是绿色,也就是说访客第一次访问的时候看到的就是绿色。
使用织梦dedecms默认模板的站长朋友可以通过这个教程把默认的绿色改为自己喜欢的颜色,以改为蓝色为例。
第一种:
修改模板文件中的<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/dedecms_skins_0.css" type="text/css" id="cssfile" />,把0改成(0-5)均可
第二种:
打开templets/default/js/changeSkin.js
找到第21行
把
if (cookie_skin) {
switchSkin(cookie_skin);
}
换成
if (cookie_skin) {
switchSkin(cookie_skin);
}else{
switchSkin("dedecms_skins_1");
}
其中dedecms_skins_1修改为你需要的默认色系。
dedecms_skins_0 绿色
dedecms_skins_1 蓝色
dedecms_skins_2 红色
dedecms_skins_3 桃红色
dedecms_skins_4 黑色
dedecms_skins_5 褐色
第三种:
打开templets/default/style目录
改名dedecms_skins_0.css为:dedecms_skins_0000.css
把你需要换色的那个CSS文件,如dedecms_skins_1.css 改名为dedecms_skins_0.css
再把dedecms_skins_0000.css 改成 dedecms_skins_0.css
---------------------------------------------------------华丽分割线---------------------------------------------------------
先说第二种优缺点:优:修改方便,只用改一个文件 缺:网速过慢的情况下,加载出来的先是绿色,然后再是你所指定的颜色
再说第一种优缺点:优:不会因为网速过慢导致先加载绿色,再出现指定色的情况 缺:改动的文件比较多(这点可以使用DW替换)
最后说第三种优缺点:暂无
---------------------------------------------------------华丽分割线---------------------------------------------------------
另外一种全手动修改的,对要求比较高的人可以来试试!!!!
本篇教程以改蓝色为例,具体其它颜色的修改请自行修改一下相关的颜色参数与样式图片名!
需要修改文件目录:\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。
(这里是修改首页分类栏目下的“更多...”那里的颜色,你可以修改成自己喜欢的颜色。)