您现在的位置是：首页 > 网站制作 > 网站建设网站建设

帝国cms 增加网站客服

胜于蓝2013-12-30【网站建设】人已围观

简介第一步，模板-公共模板变量-管理模板变量

第二步，增加一个模板变量kefu

要修改的地方就两处，一个是QQ号码，一个是微信图片地址。

html代码如下 1
2
3
4
5
6
7
8
9
10

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

第二步，增加一个模板变量kefu

要修改的地方就两处，一个是QQ号码，一个是微信图片地址。

html代码如下

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

第四步，粘贴到footer最后一行

第五步，修改js文件，在/skin/jxhx/js/comm.js 最后一个 }); 里面添加

1Mhe胜于蓝|优秀个人博客
2Mhe胜于蓝|优秀个人博客
3 $("#closed").click(function(){Mhe胜于蓝|优秀个人博客
$(".kf").addClass("closed");Mhe胜于蓝|优秀个人博客
});

如图

第六步，/skin/jxhx/css/base.css 增加css，代码如下

1Mhe胜于蓝|优秀个人博客
2Mhe胜于蓝|优秀个人博客
3Mhe胜于蓝|优秀个人博客
4Mhe胜于蓝|优秀个人博客
5Mhe胜于蓝|优秀个人博客
6Mhe胜于蓝|优秀个人博客
7Mhe胜于蓝|优秀个人博客
8Mhe胜于蓝|优秀个人博客
9Mhe胜于蓝|优秀个人博客
10Mhe胜于蓝|优秀个人博客
11Mhe胜于蓝|优秀个人博客
12Mhe胜于蓝|优秀个人博客
13Mhe胜于蓝|优秀个人博客
14Mhe胜于蓝|优秀个人博客
15Mhe胜于蓝|优秀个人博客
16 /*kf*/Mhe胜于蓝|优秀个人博客
.kf {position: fixed;right: 20px;top: 30%;color: #fff;z-index: 999;background: #212121;border: #1c2327 3px solid;width: 150px;border-radius: 3px;text-align: center;}Mhe胜于蓝|优秀个人博客
.kf h2 {background: #212121;font-size: 15px;color: #FFF;font-weight: normal;line-height: 30px;padding-left: 5px;}Mhe胜于蓝|优秀个人博客
.kf h2 span { display: block; background: url(../images/close.gif) no-repeat; width: 25px; height: 25px; float: right }Mhe胜于蓝|优秀个人博客
.kf ul li { margin: 15px 0 0 0; font-size: 14px }Mhe胜于蓝|优秀个人博客
.kf ul li span { margin: 0 5px }Mhe胜于蓝|优秀个人博客
.kf ul li img { display: inline-block; vertical-align: middle }Mhe胜于蓝|优秀个人博客
.kfdh { border-top: 1px solid #222222; border-bottom: 1px solid #222222; margin: 10px 0 }Mhe胜于蓝|优秀个人博客
.kftext {font-size: 12px;padding-left: 5px;padding-top: 5px;}Mhe胜于蓝|优秀个人博客
.kfnum img {margin: 10px auto 0;max-width:140px;}Mhe胜于蓝|优秀个人博客
p.kftime {font-size: 12px;text-align: center;padding: 5px 0 30px;}Mhe胜于蓝|优秀个人博客
.closed { display: none }Mhe胜于蓝|优秀个人博客
a.qqservice_list_link { width: 80%;display: block; text-align: center; margin: auto; padding: 5px 0; border-radius: 5px; color: #fff;background: linear-gradient(to right, #2e74e5 0%, #00c1de 100%);}Mhe胜于蓝|优秀个人博客
@media only screen and (max-width: 480px) {Mhe胜于蓝|优秀个人博客
.kf{display:none}Mhe胜于蓝|优秀个人博客
}