旗舰版黑色窄版细条淘宝悬浮旺旺客服代码
2014-02-10 22:01
274 查看
悬浮模板代码下载地址:http://d.yubaibai.com.cn/201107/7/2327155993.rar
使用说明:
(1)把压缩包里的“悬浮旺旺css代码.txt”文件里的代码放进你店铺的“完全自定义”里(这个只有旗舰版店铺才有的,其他版本店铺就不要往下看了)。
.tb-shop .fd_service{position:fixed !important;}
.tb-shop .fd_service_box{position:absolute;margin-left:760px;}
备注:完全自定义在店铺装修后台顶部的“模板”--“背景设置”里可以看到
(2)把压缩包里的“悬浮旺旺html代码.txt”文件里的代码放进淘宝自定义模块里,我们测试时分别在淘宝首页和宝贝详情页添加了右侧自定义模块并将代码安装在里面。
<div class="tb-shop">
<div class="fd_service" style="top: 191px">
<div class="fd_service_box" style="z-index: 500; width: 40px">
<table border="0" cellpadding="0" cellspacing="0" width="40">
<tr>
<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00201.jpg" height="30" style="font-size: 12px; color: #ffffff; padding-top: 12px; text-align:
center" valign="top">客服</td>
</tr>
<tr>
<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00202.jpg" height="70" style="padding-right: 5px; padding-left: 5px;
padding-bottom: 5px; padding-top: 0px; text-align: center" valign="top">客服<br />
售后<br />
旺旺在线代码1<br />
旺旺在线代码2<br />
旺旺在线代码3<br />
旺旺在线代码4<br />
批发<br />
旺旺在线代码5<br /></td>
</tr>
<tr>
<td><a class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="店铺收藏地址" target="_blank"><img alt="点击收藏本店!"
border="0" height="40" src="http://mb2.yubaibai.com.cn/201107/7/xfkf00203.jpg" width="40" /></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
(3)html代码中的“旺旺在线代码1”----“旺旺在线代码5”需替换你自己的旺旺小图标格式的代码。旺旺代码在线生成地址见:http://daohang.yubaibai.com.cn/wangwang/
(4)html代码中的“店铺收藏地址”需替换你自己店铺的收藏地址
原文链接:http://www.yubaibai.com.cn/html/taobaoxuanfukefu/kefu_2104.html
(1)顶部加上“<DIV class=tb-shop>”
(2)底部加上“</DIV>”
使用说明:
(1)把压缩包里的“悬浮旺旺css代码.txt”文件里的代码放进你店铺的“完全自定义”里(这个只有旗舰版店铺才有的,其他版本店铺就不要往下看了)。
.tb-shop .fd_service{position:fixed !important;}
.tb-shop .fd_service_box{position:absolute;margin-left:760px;}
备注:完全自定义在店铺装修后台顶部的“模板”--“背景设置”里可以看到
(2)把压缩包里的“悬浮旺旺html代码.txt”文件里的代码放进淘宝自定义模块里,我们测试时分别在淘宝首页和宝贝详情页添加了右侧自定义模块并将代码安装在里面。
<div class="tb-shop">
<div class="fd_service" style="top: 191px">
<div class="fd_service_box" style="z-index: 500; width: 40px">
<table border="0" cellpadding="0" cellspacing="0" width="40">
<tr>
<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00201.jpg" height="30" style="font-size: 12px; color: #ffffff; padding-top: 12px; text-align:
center" valign="top">客服</td>
</tr>
<tr>
<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00202.jpg" height="70" style="padding-right: 5px; padding-left: 5px;
padding-bottom: 5px; padding-top: 0px; text-align: center" valign="top">客服<br />
售后<br />
旺旺在线代码1<br />
旺旺在线代码2<br />
旺旺在线代码3<br />
旺旺在线代码4<br />
批发<br />
旺旺在线代码5<br /></td>
</tr>
<tr>
<td><a class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="店铺收藏地址" target="_blank"><img alt="点击收藏本店!"
border="0" height="40" src="http://mb2.yubaibai.com.cn/201107/7/xfkf00203.jpg" width="40" /></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
(3)html代码中的“旺旺在线代码1”----“旺旺在线代码5”需替换你自己的旺旺小图标格式的代码。旺旺代码在线生成地址见:http://daohang.yubaibai.com.cn/wangwang/
(4)html代码中的“店铺收藏地址”需替换你自己店铺的收藏地址
原文链接:http://www.yubaibai.com.cn/html/taobaoxuanfukefu/kefu_2104.html
淘宝悬浮旺旺代码安装到宝贝描述后跑到左边的解决办法
在原有代码的顶部加上“<DIV class=tb-shop>”,最底部加上“</DIV>”即可解决。(1)顶部加上“<DIV class=tb-shop>”
(2)底部加上“</DIV>”
相关文章推荐
- 旗舰版黑色窄版细条淘宝悬浮旺旺客服代码
- Ubuntu下Eclipse CDT 代码悬浮提示窗口背景黑色设置方法
- 淘宝自动客服(旺旺机器人)
- jquery 自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF、Google Chrome
- 悬浮右侧可展开搜索的客服代码
- js QQ客服悬浮效果实现代码
- Ubuntu12.04下Eclipse CDT代码悬浮提示窗口背景黑色的修改方法
- 如何添加旺旺客户,淘宝店铺左侧代码
- 网页右侧悬浮滚动在线qq客服代码示例
- ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF
- jQuery实现悬浮在右上角的网页客服效果代码
- 淘宝自定义添加旺旺代码
- 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服聊天代码
- 淘宝自定义添加旺旺代码
- 旺旺客服代码
- jQuery实现悬浮在右上角的网页客服效果代码
- 悬浮右侧可展开搜索的客服代码
- ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF
- 旺旺在线客服代码 旺旺客服代码生成器
- 悬浮QQ客服咨询特效代码