如何在首頁(yè)增加qq客服

  小 中 大

用記事本打開config\config.php

找到

  1. //enlarge-網(wǎng)站擴(kuò)展信息{
     
  2. 'qq1'=>'625569327', //站長(zhǎng)QQ
     
  3. 'address'=>'九州易通科技有限公司',//聯(lián)系地址
     
  4. 'tel'=>'13278127757',//聯(lián)系電話
     
  5. 'fax'=>'13278127757',//傳真
     
  6. 'email'=>'cmseasy@163.com',//email
     
  7. //}
復(fù)制代碼

替換為

  1. //enlarge-網(wǎng)站擴(kuò)展信息{
     
  2. 'qq1'=>'625569327', //站長(zhǎng)QQ
     
  3. 'qq2'=>'625569327', //售前QQ
     
  4. 'qq3'=>'625569327', //售后QQ
     
  5. 'address'=>'九州易通科技有限公司',//聯(lián)系地址
     
  6. 'tel'=>'13278127757',//聯(lián)系電話
     
  7. 'fax'=>'13278127757',//傳真
     
  8. 'email'=>'cmseasy@163.com',//email
     
  9. //}
復(fù)制代碼

然后記事本打開模板包的index/index.html模板

在頁(yè)面下方

增加

  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 target='_blank' title="QQ臨時(shí)會(huì)話經(jīng)常無(wú)法正常接收或發(fā)送信息。請(qǐng)盡量將客服添加為您的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 target='_blank' title="QQ臨時(shí)會(huì)話經(jīng)常無(wú)法正常接收或發(fā)送信息。請(qǐng)盡量將客服添加為您的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/*這是默認(rèn)高度,越大越往下*/; 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用來(lái)傳入事件，F(xiàn)irefox的方式
     

  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; //結(jié)束函式
     

  139.  
  140. }
     

  141.  
  142. }
     

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

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

  147.  
  148. return; //結(jié)束函式
     

  149.  
  150. }
     

  151.  
  152. }
     

  153.  
  154. }
     

  155.  
  156. /*要執(zhí)行的操作*/
     

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

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

  161.  
  162. }
     
  163. </script>
復(fù)制代碼

打開模板包的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; }
復(fù)制代碼

然后上傳

skin.rar (4.52 KB)



里面的圖片至模板包的skin文件夾

所有完成后，進(jìn)入后臺(tái)

找到內(nèi)容管理  生成管理  更新首頁(yè)html，結(jié)束