您现在的位置是:首页 > 博客网站制作 > 个人博客搭建个人博客搭建
帝国cms 增加网站客服
杨青青2019-02-12【个人博客搭建】人已围观
简介帝国cms,增加客服功能,以模板《今夕何夕模板》为例,在模板-公共模板变量添加变量,然后增加js,css,以及图片,步骤很简单,具体操作如下。

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

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

要修改的地方就两处,一个是QQ号码,一个是微信图片地址。
html代码如下
<div class="kf"> <h2><span id="closed"></span>客服在线</h2> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes" target="_blank" class="qqservice_list_link">QQ客服</a></li> </ul> <ul class="kfdh"> <p class="kftext">客服微信扫码</p> <p class="kfnum"><img src="https://www.yangqq.net/skin/jxhx/images/wx.png"></p> </ul> <p class="kftext">服务时间</p> <p class="kftime">周一至周日 9:00-21:00</p> </div>第三步,返回公共模板变量,管理模板变量,复制[!--temp.kefu--]

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

第五步,修改js文件,在/skin/jxhx/js/comm.js 最后一个 }); 里面添加
$("#closed").click(function(){ $(".kf").addClass("closed"); });如图

第六步,/skin/jxhx/css/base.css 增加css,代码如下
/*kf*/ .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;} .kf h2 {background: #212121;font-size: 15px;color: #FFF;font-weight: normal;line-height: 30px;padding-left: 5px;} .kf h2 span { display: block; background: url(../images/close.gif) no-repeat; width: 25px; height: 25px; float: right } .kf ul li { margin: 15px 0 0 0; font-size: 14px } .kf ul li span { margin: 0 5px } .kf ul li img { display: inline-block; vertical-align: middle } .kfdh { border-top: 1px solid #222222; border-bottom: 1px solid #222222; margin: 10px 0 } .kftext {font-size: 12px;padding-left: 5px;padding-top: 5px;} .kfnum img {margin: 10px auto 0;max-width:140px;} p.kftime {font-size: 12px;text-align: center;padding: 5px 0 30px;} .closed { display: none } 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%);} @media only screen and (max-width: 480px) { .kf{display:none} }第七步,保存close.gif图片到/skin/jxhx/images/
第八步,刷新后台,以及自己的浏览器缓存

Tags:
很赞哦! ()
相关文章
随机图文
帝国cms 首页或者列表无图,不使用默认图片的方法
帝国cms列表页图文展示,或者首页图文展示,如果使用全图和文字,编辑起来比较麻烦,因为每一篇文章,你都得花时间去配图,所以,可有使用以下方法来实现。
2014年度优秀个人博客排名公布
经筛选合格的参赛个人博客网站,合计29个。评分标准按照网站的(内容10分、创意5分、原创5分、界面10分、兼容性10分、用户体验度10分)总分数50分来排名次。个人博客模板《show time》蓝色版后台管理
首先感谢您购买本次服务,网站已经安装,并且代码调试完毕,这份操作文档,会帮助你更快的熟悉后台,认真看文档,会取得事半功倍的效果。当然,以下文档里,有任何不便修改帝国cms 如何去掉文章链接日期目录的路径
首先我们要在帝国cms后台栏目管理,找到对应的栏目,设置存放目录,选择“不设置目录”。执行sql命令。如果表名前缀不是phome_,比如jxhx_,那就修改成 update jxhx_ecms_news set newspath='';