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

帝国cms 增加网站客服

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

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




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

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

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

xEC胜于蓝|优秀个人博客
第一步,模板-公共模板变量-管理模板变量xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
第二步,增加一个模板变量kefuxEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
要修改的地方就两处,一个是QQ号码,一个是微信图片地址。xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
html代码如下
1xEC胜于蓝|优秀个人博客
2xEC胜于蓝|优秀个人博客
3xEC胜于蓝|优秀个人博客
4xEC胜于蓝|优秀个人博客
5xEC胜于蓝|优秀个人博客
6xEC胜于蓝|优秀个人博客
7xEC胜于蓝|优秀个人博客
8xEC胜于蓝|优秀个人博客
9xEC胜于蓝|优秀个人博客
10xEC胜于蓝|优秀个人博客
11xEC胜于蓝|优秀个人博客
12
<div class="kf">xEC胜于蓝|优秀个人博客
  <h2><span id="closed"></span>客服在线</h2>xEC胜于蓝|优秀个人博客
  <ul>xEC胜于蓝|优秀个人博客
    <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=365048803&amp;site=qq&amp;menu=yes" target="_blank" class="qqservice_list_link">QQ客服</a></li>xEC胜于蓝|优秀个人博客
  </ul>xEC胜于蓝|优秀个人博客
  <ul class="kfdh">xEC胜于蓝|优秀个人博客
    <p class="kftext">客服微信扫码</p>xEC胜于蓝|优秀个人博客
    <p class="kfnum"><img src="https://zx201.com/skin/jxhx/images/wx.png"></p>xEC胜于蓝|优秀个人博客
  </ul>xEC胜于蓝|优秀个人博客
  <p class="kftext">服务时间</p>xEC胜于蓝|优秀个人博客
  <p class="kftime">周一至周日 9:00-21:00</p>xEC胜于蓝|优秀个人博客
</div>
第三步,返回公共模板变量,管理模板变量,复制[!--temp.kefu--]xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
第四步,粘贴到footer最后一行xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
第五步,修改js文件,在/skin/jxhx/js/comm.js 最后一个 }); 里面添加
1xEC胜于蓝|优秀个人博客
2xEC胜于蓝|优秀个人博客
3
$("#closed").click(function(){xEC胜于蓝|优秀个人博客
    $(".kf").addClass("closed");xEC胜于蓝|优秀个人博客
    });
如图xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
第六步,/skin/jxhx/css/base.css 增加css,代码如下
1xEC胜于蓝|优秀个人博客
2xEC胜于蓝|优秀个人博客
3xEC胜于蓝|优秀个人博客
4xEC胜于蓝|优秀个人博客
5xEC胜于蓝|优秀个人博客
6xEC胜于蓝|优秀个人博客
7xEC胜于蓝|优秀个人博客
8xEC胜于蓝|优秀个人博客
9xEC胜于蓝|优秀个人博客
10xEC胜于蓝|优秀个人博客
11xEC胜于蓝|优秀个人博客
12xEC胜于蓝|优秀个人博客
13xEC胜于蓝|优秀个人博客
14xEC胜于蓝|优秀个人博客
15xEC胜于蓝|优秀个人博客
16
/*kf*/xEC胜于蓝|优秀个人博客
.kf {positionfixed;right20px;top30%;color#fff;z-index999;background#212121;border#1c2327 3px solid;width150px;border-radius: 3px;text-aligncenter;}xEC胜于蓝|优秀个人博客
.kf h2 {background#212121;font-size15px;color#FFF;font-weightnormal;line-height30px;padding-left5px;}xEC胜于蓝|优秀个人博客
.kf h2 span { displayblockbackgroundurl(../images/close.gif) no-repeatwidth25pxheight25pxfloatright }xEC胜于蓝|优秀个人博客
.kf ul li { margin15px 0 0 0font-size14px }xEC胜于蓝|优秀个人博客
.kf ul li span { margin0 5px }xEC胜于蓝|优秀个人博客
.kf ul li img { display: inline-blockvertical-alignmiddle }xEC胜于蓝|优秀个人博客
.kfdh { border-top1px solid #222222border-bottom1px solid #222222margin10px 0 }xEC胜于蓝|优秀个人博客
.kftext {font-size12px;padding-left5px;padding-top5px;}xEC胜于蓝|优秀个人博客
.kfnum img {margin10px auto 0;max-width:140px;}xEC胜于蓝|优秀个人博客
p.kftime {font-size12px;text-aligncenter;padding5px 0 30px;}xEC胜于蓝|优秀个人博客
.closed { displaynone }xEC胜于蓝|优秀个人博客
a.qqservice_list_link { width80%;displayblocktext-aligncentermarginautopadding5px 0; border-radius: 5pxcolor#fff;background: linear-gradient(to right#2e74e5 0%#00c1de 100%);}xEC胜于蓝|优秀个人博客
@media only screen and (max-width480px) {xEC胜于蓝|优秀个人博客
 .kf{display:none}xEC胜于蓝|优秀个人博客
}
第七步,保存close.gif图片到/skin/jxhx/images/xEC胜于蓝|优秀个人博客
第八步,刷新后台,以及自己的浏览器缓存xEC胜于蓝|优秀个人博客
xEC胜于蓝|优秀个人博客
 

Tags:

很赞哦! ()

文章评论

当前时间

快速排名

  • 网站建设|万词霸屏,企业软文推广,刷下拉框
  • 快速排名:不用再等SEO三个月,只需3-7天即可把行业关键词覆盖百度搜索引擎首页,点击不收费,排名报表,真实访问量报表一目了然。

合作加盟

  • 扫码请注明来意,否则不会通过
  • 填写商户姓名不要带有“超市”,“便利店” ,“百货”等
  • 扫码成为快钱代理
  • 扫码加站长微信,为您推荐快钱总部负责人
  • 快钱POSS机(电签版)
  • 1,免押版:签约费率快捷交易0.38%,常规交易0.65%
  • 贷记卡单笔≥3000元视为激活
  • 2,,有押版:签约快捷交易0.38%,常规交易0.65%
  • 激活首刷≥99元,扣除99元系统服务费,多出部分shishi到账
  • 电签版ipos参与每月扶持奖励
  • 电签版ipos与Mpos单独考核台均
  • 30台以上有效激活奖励3000元扶持金
  • 当月交易额≥3000元的为活跃用户

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计7613篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 扫描二维码:请注明来意,否则不会通过
  • 微信号:扫描二维码,关注我们
歌名 - 歌手
0:00