- 帖子
- 424
- 积分
- 579
- 体力
- 334 点
- 金币
- 32
- 威望
- 1
|
[共享] 发布一个自动收缩的在线客服功能_最新版(QQ+旺旺)
本帖最后由 wudaoshop 于 2012-9-27 13:17 编辑
演示地址:http://www.365wudao.com
第一步:将附件中的文件(2009-4-10更新)下载到本地电脑,然后解压缩,把ServiceQQ.asp上传至根目录(网店程序所在目录);
根目录:wwwroot/网店所有文件 或您空间的子目录:wwwroot/ecshop/网店所有文件
第二步:打开:themes/模版名称/style.css,在最后加入:
/* QQ客服 */
.QQbox{ z-index:99; width: 178px; right: 0; top: 40px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 145px; background: url(images/qq_listbg.gif) repeat-y -155px 0; position: absolute;}
.QQbox .Qlist .t,
.QQbox .Qlist .b{ float: right; height: 6px; width: 145px; font-size: 1px; }
.QQbox .Qlist .t{ background: url(images/qq_listbg.gif) no-repeat left; }
.QQbox .Qlist .b{ background: url(images/qq_listbg.gif) no-repeat right; }
.QQbox .Qlist .con{ background: #fff; width: 90%; margin: 0 auto; }
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(images/qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul{ }
.QQbox .Qlist .con ul li{ padding: 5px 0 0 8px;height: 20px; background: #ffffff;}
.QQbox .Qlist .con ul li.odd{ background: #fff; }
/*.QQbox .Qlist .con A IMG { width:23px; }*/
保存并上传!
第三步:在后台语言项管理或FTP里根目录(themes/模版名称/library/)打开page_footer.lbi在最后插入:
<script src="ServiceQQ.asp"></script>
保存并上传!
第四步:请将附件中的两张图片上传至themes/模版名称/images/文件目录中!
完成!请把ServiceQQ.asp里面的相关联系方式(QQ、旺旺)修改成自己的。
注意事项:旺旺为中文名的要去淘宝重新生成代码。主机不支持ASP的可能无法使用该功能,需要先转换成PHP再用。
最后提醒:看帖要回帖啊,好用就顶一下,不好用就踩一下!
已安装的把自己的网店地址帖出来!有问题可以跟帖留言或联系我!
2012-9-27:新附件无法上传了,不知道怎么回事?? |
-
1
评分人数
-
|