用記事本打開config\config.php
找到
- //enlarge-網(wǎng)站擴展信息{
- 'qq1'=>'625569327', //站長QQ
- 'address'=>'九州易通科技有限公司',//聯(lián)系地址
- 'tel'=>'13278127757',//聯(lián)系電話
- 'fax'=>'13278127757',//傳真
- 'email'=>'cmseasy@163.com',//email
- //}
替換為
- //enlarge-網(wǎng)站擴展信息{
- 'qq1'=>'625569327', //站長QQ
- 'qq2'=>'625569327', //售前QQ
- 'qq3'=>'625569327', //售后QQ
- 'address'=>'九州易通科技有限公司',//聯(lián)系地址
- 'tel'=>'13278127757',//聯(lián)系電話
- 'fax'=>'13278127757',//傳真
- 'email'=>'cmseasy@163.com',//email
- //}
然后記事本打開模板包的index/index.html模板
在頁面最下方
增加
- <script language="javascript" type="text/javascript">
- document.write("<div class='QQbox' id='divQQbox' >");
- document.write(" <div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>");
- document.write(" <div class='t'></div>");
- document.write(" <div class='con'>");
- document.write("<h2>售前客服</h2>");
- document.write("<ul>");
- document.write("<li class=odd><a target='_blank' title="QQ臨時會話經(jīng)常無法正常接收或發(fā)送信息。請盡量將客服添加為您的QQ好友。謝謝！"><img border=0 src="http://wpa.paipai.com/pa?p=1:{get('qq1')}:17>QQ咨詢</a></li>");
- document.write("</ul>");
- document.write("<p style=clear:both;height:8px;overflow:hidden;></p>");
- document.write("<h2>售后客服</h2>");
- document.write("<ul>");
- document.write("<li class=odd><a target='_blank' title="QQ臨時會話經(jīng)常無法正常接收或發(fā)送信息。請盡量將客服添加為您的QQ好友。謝謝！"><img border=0 src="http://wpa.paipai.com/pa?p=1:{get('qq2')}:17>QQ咨詢</a></li>");
- document.write("</ul>");
- document.write("<p style=clear:both;height:8px;overflow:hidden;></p>");
- document.write("</div>");
- document.write("<div class='b'></div>");
- document.write("</div>");
- document.write("<div id='divMenu' onmouseover='OnlineOver();'><div class='press'></div></div>");
- document.write("</div>");
- //<![CDATA[
- var tips; var theTop = 40/*這是默認(rèn)高度,越大越往下*/; var old = theTop;
- function initFloatTips() {
- tips = document.getElementById('divQQbox');
- moveTips();
- };
- function moveTips() {
- var tt=50;
- if (window.innerHeight) {
- pos = window.pageYOffset
- }
- else if (document.documentElement && document.documentElement.scrollTop) {
- pos = document.documentElement.scrollTop
- }
- else if (document.body) {
- pos = document.body.scrollTop;
- }
- pos=pos-tips.offsetTop+theTop;
- pos=tips.offsetTop+pos/10;
- if (pos < theTop) pos = theTop;
- if (pos != old) {
- tips.style.top = pos+"px";
- tt=10;
- //alert(tips.style.top);
- }
- old = pos;
- setTimeout(moveTips,tt);
- }
- //!]]>
- initFloatTips();
- function OnlineOver(){
- document.getElementById("divMenu").style.display = "none";
- document.getElementById("divOnline").style.display = "block";
- document.getElementById("divQQbox").style.width = "145px";
- }
- function OnlineOut(){
- document.getElementById("divMenu").style.display = "block";
- document.getElementById("divOnline").style.display = "none";
- }
- function hideMsgBox(theEvent){ //theEvent用來傳入事件，F(xiàn)irefox的方式
- if (theEvent){
- var browser=navigator.userAgent; //取得瀏覽器屬性
- if (browser.indexOf("Firefox")>0){ //如果是Firefox
- if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素
- return; //結(jié)束函式
- }
- }
- if (browser.indexOf("MSIE")>0){ //如果是IE
- if (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素
- return; //結(jié)束函式
- }
- }
- }
- /*要執(zhí)行的操作*/
- document.getElementById("divMenu").style.display = "block";
- document.getElementById("divOnline").style.display = "none";
- }
- </script>
打開模板包的skin文件夾，找到base.css
在最下方增加
- /* QQ客服 */
- .QQbox{ z-index:99; width: 150px; right: 0; top: 40px; position: absolute;}
- .QQbox .press{float: right; width: 33px; height:158px; background:url(qq_1.png) no-repeat;text-indent : 16px;}
- .QQbox .Qlist{ left: 0; width: 138px; background: url(qq_listbg.gif) repeat-y -155px 0; position: absolute;}
- .QQbox .Qlist .t,
- .QQbox .Qlist .b{ float: left; height: 6px; width: 138px; font-size: 1px; }
- .QQbox .Qlist .t{ background: url(qq_listbg.gif) no-repeat left; }
- .QQbox .Qlist .b{ background: url(qq_listbg.gif) no-repeat right; }
- .QQbox .Qlist .con{ background: #fff; width: 80%; margin: 0 auto; }
- .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;}
- .QQbox .Qlist .con ul{ }
- .QQbox .Qlist .con ul li{ padding: 5px 0 0 8px;height: 20px; background: #e8e8e8;}
- .QQbox .Qlist .con ul li.odd{ background: #fff; }
然后上傳
skin.rar (4.52 KB)
里面的圖片至模板包的skin文件夾
所有完成后，進入后臺
找到內(nèi)容管理 生成管理 更新首頁html，結(jié)束
