织梦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来修改即可,但是此方法会导致默认绿色失效。

织梦dedecms完美修改版权信息

一共17+1处:

1.搜索页面: 
/templets/default/search.htm 
/templets/plus/heightsearch.htm 
/templets/default/advancedsearch.htm

2.通用底部模板: 
/templets/default/footer.htm

3.购物车: 
/templets/plus/car.htm 
/templets/plus/carbuyaction.htm 
/templets/plus/shops_action_payment.htm 
/templets/plus/shops_buyaction.htm

4.下载地址列表 
/templets/plus/download_links_templet.htm

5.挑错页面 
/templets/plus/erraddsave.htm

6.友情链接

/templets/plus/flink-add.htm 
/templets/plus/flink-list.htm

7.列表模板 
/templets/plus/list_diyform.htm

8.留言板 
/templets/plus/plus_foot.htm 
/templets/plus/guestbook-admin.htm 
/templets/plus/guestbook-user.htm

 

9.发布模板 
/templets/plus/post_diyform.htm

10.推荐 
/templets/plus/recommend.htm

11.RSS订阅地图 
/templets/plus/rssmap.htm

 

12银行账号信息 
/templets/plus/shops_bank.htm

13.图集详细页面 
/templets/plus/showphoto.htm

14.网站地图 
/templets/plus/sitemap.htm

15.详细内容 
/templets/plus/view_diyform.htm

16.提示信息 
/templets/plus/view_msg.htm 
/templets/plus/view_msg_catalog.htm

17.投票结果 
/templets/plus/vote.htm

最后一处是PHP文件中的,重要的提示信息…

/include/common.func.php ,一共有两处,分别替换:

DEDE织梦默认模板代码优化彻底提升网页打开速度

排除主机和宽带因素,DEDE默认模板访问速度过慢,经查证这和顶部JS调用以及代码冗余有关。

 

事实上网站程序的优化多数原则是代码简练,减少JS调用等。这里分别从主页、文章列表页、文章内容页来分别介绍DEDE默认模板优化,经测试,优化后,网站速度有极大提升,如果再有一个好的主机,那你的网站也能有腾讯、网易那样的访问速度。

 

一、主页模板(index.htm)

 

下面的JS文件和JS代码可以根据需要情况看是否需要删除,最好能全部删除,但是全部删除会影响一些功能,比如会员登录状态、图文资讯的滚动等,这里个好的方法,就是把所有这里的JS写入一个单独的文件,这样调用时只需要一次就可以了,注意调用的路径。

 

JS文件解释说明

/js/jquery.cookie.js
主要的作用记录换肤功能的cookies,用于保留用户的选择;

 

/js/changeSkin.js
用于换肤功能的具体实现代码;

 

/js/pic_scroll.js
“图文资讯”滚动的地方;

 

/images/js/j.js
经过压缩后的java代码,主要作用是在默认模板中的中间部分的横向滚动的“图片资讯”的地方;
同时,换肤功能也和该功能有关联

 

/include/dedeajax2.js
引入DedeCMS 的ajax框架,作用主要是在模板中的一些特效,比如登陆后改变登陆状态、内容页顶与踩、评论列表的支持与反对等等(如果您不需要上述功能,这段代码可以删除);

 

Javascript代码

 

function CheckLogin(){   
  var taget_obj = document.getElementById(‘_userlogin’);   
   myajax = new DedeAjax(taget_obj,false,false,”,”,”);   
   myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");   
   DedeXHTTP = null;   
}  
主要用途是判断会员是否登录,如果已经登录,则在互动中心的会员框里显示/member/ajax_loginsta.php登陆后的内容;

 

$(function(){   
$("dl.tbox dt span.label a[_for]").mouseover(function(){   
   $(this).parents("span.label").children("a[_for]").removeClass("thisclass").parents("dl.tbox").children("dd").hide();  
   $(this).addClass("thisclass").blur();   
   $("#"+$(this).attr("_for")).show();   
});   
$("a[_for=uc_member]").mouseover();   
});  
主要用途是首页右侧的互动中心中踩踩、评论、会员三个选项的切换效果;

 

function multi(pagenum,tagid)   
{   
  var taget_obj = document.getElementById(tagid);   
  var taget_obj_page = document.getElementById("page_"+tagid);   
   myajax = new DedeAjax(taget_obj,false,false,”,”,”);   
   myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+’&tagid=’+tagid);   
   myajax = new DedeAjax(taget_obj_page,false,false,”,”,”);   
   myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+’&tagid=’+tagid);   
   DedeXHTTP = null;   
}  
主要用途是右侧的推荐内容分页,也是DedeV5.6版的新增功能(arclist标签分页);P.s:其实默认的ajax评论也是通过此种方式制作的。

 

function check(){   
    if(document.formsearch.searchtype.value=="")   
     document.formsearch.action="http://www.google.cn/custom"  
    else  
     document.formsearch.action="{dede:field name=’phpurl’/}/search.php"  
}   
作用是顶部的goole搜索那,具体的含义,当我们选择的搜索类型(searchtype)为空,那么提交的目标地址就是http://www.google.cn/custom,否则就提交到站内搜索的地址/plus/search.php!

 

二、默认文章列表模板(list_article.htm)

 

这里顶部的JS全部去掉就可以了,这样就可以大大提高访问速度了。

 

三、文章内容页模板(article_article.htm)

 

这是目前为止最好的DEDE文章内容页因点击次数引起网页加载慢的解决方法

 

下面代码放在要显示文章点击词素的位置(红色部分是未显示广告之前显示的内容,可以是文字或是图片,当然不要也行)

 

<span id=vvclick>  加载中  </span>

 

当然“加载中”也可以替换为图片

 

下面的代码放到网页最底部最好放在</html>之前(蓝色部分是点击次数代码)

 

<SPAN class=spanclass id=span_vvclick>

<script src="{dede:field name=’phpurl’/}/count.php?view=yes&aid={dede:field name=’id’/}&mid={dede:field name=’mid’/}" type=’text/javascript’ language="javascript"></script> </SPAN>

<SCRIPT>vvclick.innerHTML=span_vvclick.innerHTML;span_vvclick.innerHTML="";</SCRIPT>

 

原理: 由于网页是由上往下执行代码,所以前面会暂时显示 "点击次数载入中…" 等到执行完整个页面后, 前面才会调用出来。所以我们把点击次数的代码这些放到最后执行让前面调用, 就不会影响站点页面中正常的内容输出的速度了。这也是网上最经典的广告最后加载代码了,提供给大家使用!

 

还有就是顶部的JS调用的处理方法同前面主页JS的处理方法相同,删除部分JS,删除的时候要特别注意是否影响了其他功能。最好的方法是写入一个文件,另存为,最后只调用一次。注意调用的路径。

1、在dedecms文章模板中的头部。放着一大堆的Javascript,浏览每个页面都需要加载…这样反复下去很浪费加载时间。应该对其优化一下,具体方法为:将这段JS提取出来,另存为一个文件,以后只要下载一次就可以了,不过注意要把JS里的路径根据自己的情况替换一下。(可以保存在模板下的JS目录下,这样就可以用 src=”{dede:global.cfg_templets_skin/}/js/*.js调用)

2、对点击次数的优化:系统默认是用<script src=”{dede:field name=’phpurl’/}/count.php?view=yes&aid={dede:field name=’id’/}&mid={dede:field name=’mid’/}” type=’text/javascript’ language=”javascript”></script>这样的方面调用的,但有时候容易卡着。 加入JS函数进行调用,具体操作如下:

找开article_article.htm,找到点击次数的代码就是上面那句:

<script src="{dede:field name=’phpurl’/}/count.php?view=yes&aid={dede:field name=’id’/}&mid={dede:field name=’mid’/}" type=’text/javascript’ language="javascript"></script>
替换成:

<span id="article_click"></span>
在页面调用的JS文件里面(可以是上面保存的那个)加入函数:

function getClick(aid,mid)
{
var taget_obj = document.getElementById(‘article_click’);
myajax = new DedeAjax(taget_obj,false,false,”,”,”);
myajax.SendGet2("/plus/count.php?ajax=yes&mid=" +mid +"&aid=" +aid); //这里要根据情况改成网站的实际路径
DedeXHTTP = null;
}3、对DIGG评论的优化:

修改plus/count.php文件,在exit()之前加入以下的代码:

if(!empty($ajax))
{
$row = $dsql->GetOne(" Select click From `{$maintable}` where {$idtype}=’$aid’ ");
if(is_array($row))
{
echo $row[‘click’];
}
}把<script language=”javascript” type=”text/javascript”>getDigg({dede:field.id/});</script>改为:

<script language="javascript" type="text/javascript">getClick({dede:field name=’id’/},mid={dede:field name=’mid’/});getDigg({dede:field.id/});</script>
其实getClick这个函数只要放在文章后面,哪里都无所谓!再试下效果~~