如何在首页增加qq客服

  

用记事本打开config\config.php

找到

  1. //enlarge-网站扩展信息{
     
  2. 'qq1'=>'625569327', //站长QQ
     
  3. 'address'=>'九州易通科技有限公司',//联系地址
     
  4. 'tel'=>'13278127757',//联系电话
     
  5. 'fax'=>'13278127757',//传真
     
  6. 'email'=>'cmseasy@163.com',//email
     
  7. //}
复制代码

替换为

  1. //enlarge-网站扩展信息{
     
  2. 'qq1'=>'625569327', //站长QQ
     
  3. 'qq2'=>'625569327', //售前QQ
     
  4. 'qq3'=>'625569327', //售后QQ
     
  5. 'address'=>'九州易通科技有限公司',//联系地址
     
  6. 'tel'=>'13278127757',//联系电话
     
  7. 'fax'=>'13278127757',//传真
     
  8. 'email'=>'cmseasy@163.com',//email
     
  9. //}
复制代码

然后记事本打开模板包的index/index.html模板

在页面下方

增加

  1. <script language="javascript" type="text/javascript">
     
  2. document.write("<div class='QQbox' id='divQQbox' >");
     

  3.  
  4. document.write(" <div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>");
     

  5.  
  6. document.write(" <div class='t'></div>");
     

  7.  
  8. document.write(" <div class='con'>");
     

  9.  
  10. document.write("<h2>售前客服</h2>");
     

  11.  
  12. document.write("<ul>");
     

  13.  
  14. document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&Uin={get('qq1')}&Site=www.cmseasy.cn&Menu=yes' target='_blank' title="QQ临时会话经常无法正常接收或发送信息。请尽量将客服添加为您的QQ好友。谢谢!"><img border=0 src="http://wpa.paipai.com/pa?p=1:{get('qq1')}:17>QQ咨询</a></li>");  

  15.  
  16. document.write("</ul>");
     
  17. document.write("<p style=clear:both;height:8px;overflow:hidden;></p>");
     
  18. document.write("<h2>售后客服</h2>");
     

  19.  
  20. document.write("<ul>");
     

  21.  
  22. document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&Uin={get('qq2')}&Site=www.cmseasy.cn&Menu=yes' target='_blank' title="QQ临时会话经常无法正常接收或发送信息。请尽量将客服添加为您的QQ好友。谢谢!"><img border=0 src="http://wpa.paipai.com/pa?p=1:{get('qq2')}:17>QQ咨询</a></li>");  

  23.  
  24. document.write("</ul>");
     
  25. document.write("<p style=clear:both;height:8px;overflow:hidden;></p>");
     
  26. document.write("</div>");
     

  27.  
  28. document.write("<div class='b'></div>");
     

  29.  
  30. document.write("</div>");
     

  31.  
  32. document.write("<div id='divMenu' onmouseover='OnlineOver();'><div class='press'></div></div>");
     

  33.  
  34. document.write("</div>");
     

  35.  

  36.  

  37.  
  38. //<![CDATA[
     

  39.  
  40. var tips; var theTop = 40/*这是默认高度,越大越往下*/; var old = theTop;
     

  41.  
  42. function initFloatTips() {
     

  43.  
  44. tips = document.getElementById('divQQbox');
     

  45.  
  46. moveTips();
     

  47.  
  48. };
     

  49.  
  50. function moveTips() {
     

  51.  
  52. var tt=50;
     

  53.  
  54. if (window.innerHeight) {
     

  55.  
  56. pos = window.pageYOffset
     

  57.  
  58. }
     

  59.  
  60. else if (document.documentElement && document.documentElement.scrollTop) {
     

  61.  
  62. pos = document.documentElement.scrollTop
     

  63.  
  64. }
     

  65.  
  66. else if (document.body) {
     

  67.  
  68. pos = document.body.scrollTop;
     

  69.  
  70. }
     

  71.  
  72. pos=pos-tips.offsetTop+theTop;
     

  73.  
  74. pos=tips.offsetTop+pos/10;
     

  75.  

  76.  

  77.  
  78. if (pos < theTop) pos = theTop;
     

  79.  
  80. if (pos != old) {
     

  81.  
  82. tips.style.top = pos+"px";
     

  83.  
  84. tt=10;
     

  85.  
  86. //alert(tips.style.top);
     

  87.  
  88. }
     

  89.  

  90.  

  91.  
  92. old = pos;
     

  93.  
  94. setTimeout(moveTips,tt);
     

  95.  
  96. }
     

  97.  
  98. //!]]>
     

  99.  
  100. initFloatTips();
     

  101.  

  102.  

  103.  
  104. function OnlineOver(){
     

  105.  
  106. document.getElementById("divMenu").style.display = "none";
     

  107.  
  108. document.getElementById("divOnline").style.display = "block";
     

  109.  
  110. document.getElementById("divQQbox").style.width = "145px";
     

  111.  
  112. }
     

  113.  

  114.  

  115.  
  116. function OnlineOut(){
     

  117.  
  118. document.getElementById("divMenu").style.display = "block";
     

  119.  
  120. document.getElementById("divOnline").style.display = "none";
     

  121.  

  122.  

  123.  
  124. }
     

  125.  

  126.  

  127.  
  128. function hideMsgBox(theEvent){ //theEvent用来传入事件,Firefox的方式
     

  129.  
  130.   if (theEvent){
     

  131.  
  132.   var browser=navigator.userAgent; //取得浏览器属性
     

  133.  
  134.   if (browser.indexOf("Firefox")>0){ //如果是Firefox
     

  135.  
  136.    if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素
     

  137.  
  138.    return; //结束函式
     

  139.  
  140. }
     

  141.  
  142. }
     

  143.  
  144. if (browser.indexOf("MSIE")>0){ //如果是IE
     

  145.  
  146. if (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素
     

  147.  
  148. return; //结束函式
     

  149.  
  150. }
     

  151.  
  152. }
     

  153.  
  154. }
     

  155.  
  156. /*要执行的操作*/
     

  157.  
  158. document.getElementById("divMenu").style.display = "block";
     

  159.  
  160. document.getElementById("divOnline").style.display = "none";
     

  161.  
  162. }
     
  163. </script>
复制代码

打开模板包的skin文件夹,找到base.css

在下方增加


  1.  
  2. /* QQ客服 */
     
  3. .QQbox{ z-index:99; width: 150px; right: 0; top: 40px; position: absolute;}
     
  4. .QQbox .press{float: right; width: 33px; height:158px; background:url(qq_1.png) no-repeat;text-indent : 16px;}
     
  5. .QQbox .Qlist{ left: 0; width: 138px; background: url(qq_listbg.gif) repeat-y -155px 0;  position: absolute;}
     
  6. .QQbox .Qlist .t,
     
  7. .QQbox .Qlist .b{ float: left; height: 6px; width: 138px; font-size: 1px; }
     
  8. .QQbox .Qlist .t{ background: url(qq_listbg.gif) no-repeat left; }
     
  9. .QQbox .Qlist .b{ background: url(qq_listbg.gif) no-repeat right; }
     
  10. .QQbox .Qlist .con{ background: #fff; width: 80%; margin: 0 auto; }
     
  11. .QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
     
  12. .QQbox .Qlist .con ul{  }
     
  13. .QQbox .Qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; background: #e8e8e8;}
     
  14. .QQbox .Qlist .con ul li.odd{ background: #fff; }
复制代码

然后上传

skin.rar (4.52 KB)



里面的图片至模板包的skin文件夹

所有完成后,进入后台

找到内容管理  生成管理  更新首页html,结束

推荐内容
微信客服

您的建站服务专家

售前咨询
模板定制

客服 Sunny

售前问题咨询

联系客服

客服Medive

售前问题咨询

联系客服
售前咨询
功能定制

客服 Ashely

售前问题咨询

联系客服

客服Antony

售前问题咨询

联系客服