欢迎光临
我们一直在努力

分享一个右边客服代码

今天分享一个代刷网右边客服代码,如下图所示:

该代码非常方便,可以让客户更快的联系到你,也可以放些你认为重要的链接

代码如下:

<style>
.float-radius{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.float-text{color:#1E90FF}
.float-box{width:50px;font-size:12px;position:fixed;right:0;bottom:0;z-index:9997;}
.float-ul,.float-ul li{margin:0;padding:0;}
.float-ul{margin-top:5px;text-align:center;line-height:1.2;list-style:none;background-color:#FFF;box-shadow:0 2px 5px #e6e6e6;}
.float-ul .iconfont{font-size:18px;line-height:18px;}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px;}
.float-ul li a:hover{background:linear-gradient(-125deg,
#00BFFF 0%,
#00BFFF 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#FFF;}
.float-ul li a.qq{-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;}
.float-alert-box{width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position:absolute;right:56px;top:0;z-index:9998;display:none;}
.float-qq-box{padding:20px 15px;}
.float-alert-box h6{font-size:20px;color:#f9b015;}
.float-alert-box p{line-height:24px;}
.float-ul li .float-qq-box{color:#666;}
.float-qq-btn{padding:10px;background-color:#f9b015;color:#FFF;}
</style>

<link rel=\"stylesheet\" href=\"//at.alicdn.com/t/font_1644141_i3u2h1yg7io.css\">
<div class=\"float-box\">
<ul class=\"float-ul float-radius float-text\">
	<li>
	  <a class=\"qq float-border float-text\" href=\"你的QQ\"><i class=\"iconfont icon-qq\"></i><br>客服
	  </a>
	</li>
	<li>
	  <a class=\"fankui float-border float-text\" href=\"你的群链接\" target=\"_blank\"><i class=\"iconfont icon-qun\"></i><br>群聊</a>
	</li>
  </ul>
  <ul class=\"float-ul float-radius float-text\">
  	<li>
	  <a class=\"float-border float-text\" href=\"/?mod=articlelist\" etap=\"to_full\" title=\"文章列表\"><i class=\"iconfont icon-tongzhi\"></i><br>通知</a>
	</li>
	<li>
	  <a class=\"float-border float-text tap-dark\" href=\"/user/reg.php\" title=\"注册账号\"><i class=\"iconfont icon-zhuce1\"></i><br>注册</a>
	</li>
  </ul>
  <ul class=\"float-ul float-radius float-text \">
    <li>
	  <a class=\"float-border float-text \" href=\"#top\" title=\"返回顶部\"><i class=\"iconfont icon-fanhuidingbu\"></i><br>顶部</a>
	</li>
  </ul>
打赏
这些信息可能会帮助到你: 加盟代理 | 软件问题答疑 | 网站装修推广 | 下单商城

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《分享一个右边客服代码》
文章链接:https://dk.tkcdk.cn/1660.html
免责声明:本站所有资源和软件均来自于互联网渠道,只整合营销类软件-简单趣味娱乐软件其他危害社会软件客户绕行-免开尊口共同打造健康营销-绿色的微商环境
请遵循相关法律法规合理使用,本站一切资源不代表本站立场如有侵权不妥之处请第一时间联系我们删除,敬请谅解!
投诉侵权邮箱:520lab@2018lab.club 或联系QQ:321679717
分享到: 更多 (0)

亿软阁微营销 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏