1. 首页
  2. 网站建设
  3. 帝国cms

帝国cms怎么增加网站客服

帝国cms 增加网站客服

帝国cms怎么增加网站客服

第一步,模板-公共模板变量-管理模板变量

 

帝国cms怎么增加网站客服
  第二步,增加一个模板变量kefu

 

帝国cms怎么增加网站客服
  要修改的地方就两处,一个是QQ号码,一个是微信图片地址。

html代码如下:

<div class="kf">
<h2><span id="closed"></span>客服在线</h2>
<ul>
<li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1103468417&amp;site=qq&amp;menu=yes" target="_blank" class="qqservice_list_link">QQ客服</a></li>
</ul>
<ul class="kfdh">
<p class="kftext">客服微信扫码</p>
<p class="kfnum"><img src="http://www.chinanumberone.net/skin/jxhx/images/wx.png"></p>
</ul>
<p class="kftext">服务时间</p>
<p class="kftime">周一至周日 9:00-21:00</p>
</div>

  第三步,返回公共模板变量,管理模板变量,复制[!–temp.kefu–]

 

帝国cms怎么增加网站客服
  第四步,粘贴到footer最后一行

 

帝国cms怎么增加网站客服
  第五步,修改js文件,在/skin/jxhx/js/comm.js 最后一个 }); 里面添加

$("#closed").click(function(){
$(".kf").addClass("closed");
});

  如图

 

帝国cms怎么增加网站客服
  第六步,/skin/jxhx/css/base.css 增加css,代码如下

/*kf*/
.kf {positionfixed;right20px;top30%;color#fff;z-index999;background#212121;border#1c2327 3px solid;width150px;border-radius: 3px;text-aligncenter;}
.kf h2 {background#212121;font-size15px;color#FFF;font-weightnormal;line-height30px;padding-left5px;}
.kf h2 span { displayblockbackgroundurl(../images/close.gif) no-repeatwidth25pxheight25pxfloatright }
.kf ul li { margin15px 0 0 0font-size14px }
.kf ul li span { margin0 5px }
.kf ul li img { display: inline-blockvertical-alignmiddle }
.kfdh { border-top1px solid #222222border-bottom1px solid #222222margin10px 0 }
.kftext {font-size12px;padding-left5px;padding-top5px;}
.kfnum img {margin10px auto 0;max-width:140px;}
p.kftime {font-size12px;text-aligncenter;padding5px 0 30px;}
.closed { displaynone }
a.qqservice_list_link { width80%;displayblocktext-aligncentermarginautopadding5px 0; border-radius: 5pxcolor#fff;background: linear-gradient(to right#2e74e5 0%#00c1de 100%);}
@media only screen and (max-width480px) {
.kf{display:none}
}

  第七步,保存close.gif图片到/skin/jxhx/images/

第八步,刷新后台,以及自己的浏览器缓存

 

帝国cms怎么增加网站客服

标题:《帝国cms怎么增加网站客服》作者:祖冬;学海无涯,欢迎大家分享,如有侵权请联系作者,本文链接:http://www.chinanumberone.net/wz/didi/2311.html

发表评论

登录后才能评论

联系我们

QQ:1103468417

在线咨询:点击这里给我发消息

邮件:1103468417@qq.com

工作时间:周一至周六,9:30-23:30,节假日休息!

有网站的直接留言网址和关键词。

 

QR code