淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1136|回复: 8
收起左侧

【DSFA】客服中心模块代码

[复制链接]
  • TA的每日心情
    抱抱
    13 小时前
  • 签到天数: 630 天

    连续签到: 1 天

    [LV.9]已臻大成

    42

    主题

    574

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    152874

    最佳新人活跃会员热心会员

    发表于 2015-10-31 00:22:17 | 显示全部楼层 |阅读模式
    大半年没有发过帖子了,今天发个简单的集市店客服中心代码。喜欢拿去,不喜欢就留言路过,呵呵!
    实际效果如下:
    客服中心.gif
    代码如下:
    1. <div style="height:380px;">
    2.   <div class="footer-more-trigger mallNav-others" style="width:950px; height:380px; border:0; padding:0; right:auto; top:auto; left:auto;">
    3.     <div class="footer-more-trigger mallNav-others" style="width:950px; height:380px; border:0; padding:0; right:auto; top:auto; left:-0px; background:url(放背景图片地址) top center">
    4.       <div class="footer-more-trigger mallNav-others" style="width:400px; height:110px; border:0; padding:0;right:auto; top:80px; left:275px;">
    5.         <div class="footer-more ui-brand-btn-ex-align-left mallNav-others" style="width:400px; height:110px; float:none; padding:0;right:auto; top:0; left:0;"><img src="放客服中心显示图片地址" width="400px" height="110px"/> <span class="footer-more-panel mallNav-others" style="width:400px; height:110px; border:0; padding:0; background:none; bottom:auto; right:auto; top:0; left:0;"><a href="#" target="_blank"><img src="放客服中心隐藏图片地址" width="400px" height="110px"/></a></span> </div>
    6.       </div>
    7.       <div class="footer-more-trigger mallNav-others" style="width:280px; height:100px; border:0; padding:0;right:auto; top:200px; left:335px;">
    8.         <div class="footer-more ui-brand-btn-ex-align-left mallNav-others" style="width:280px; height:100px; float:none; padding:0;right:auto; top:0; left:0;">
    9. <table width="280" height="100">
    10.   <tr>
    11.     <td width="280" height="70"><table width="280" height="70">
    12.         <tr>
    13.           <td width="70" height="70"><a target="_blank" href="放旺旺代码链接地址"><img style="display:block;" src="放客服头像1图片地址" width="70" height="70"/></a></td>
    14.           <td width="35" height="70"><div style="width:35px; height:70px;"> </div></td>
    15.           <td width="70" height="70"><a target="_blank" href="放旺旺代码链接地址"><img style="display:block;" src="放客服头像2图片地址" width="70" height="70"/></a></td>
    16.           <td width="35" height="70"><div style="width:35px; height:70px;"> </div></td>
    17.           <td width="70" height="70"><a target="_blank" href="放旺旺代码链接地址"><img style="display:block;" src="放客服头像3图片地址" width="70" height="70"/></a></td>
    18.         </tr>
    19.       </table></td>
    20.   </tr>
    21.   <tr>
    22.     <td width="280" height="30"><table width="280" height="30">
    23.         <tr>
    24.           <td width="70" height="30" style="text-align:center;"><span style="color:#fff; font-size:15px; font-family:simhei;">小爱</span></td>
    25.           <td width="35" height="30"><div style="width:35px; height:30px;"> </div></td>
    26.           <td width="70" height="30" style="text-align:center;"><span style="color:#fff; font-size:15px; font-family:simhei;">小美</span></td>
    27.           <td width="35" height="30"><div style="width:35px; height:30px;"> </div></td>
    28.           <td width="70" height="30" style="text-align:center;"><span style="color:#fff; font-size:15px; font-family:simhei;">小丽</span></td>
    29.         </tr>
    30.       </table></td>
    31.   </tr>
    32. </table>
    33. </div>
    34.       </div>
    35.       <div class="footer-more-trigger mallNav-others" style="width:20px; height:20px; border:0; padding:0;right:auto; top:200px; left:400px;">
    36.         <div class="footer-more ui-brand-btn-ex-align-left mallNav-others" style="width:20px; height:20px; float:none; padding:0;right:auto; top:0; left:0;"><a target="_blank" href="放旺旺代码链接地址">
    37. <img border="0" src="放旺旺代码图片地址" alt="点这里给我发消息" /></a></div>
    38.       </div>
    39.       <div class="footer-more-trigger mallNav-others" style="width:20px; height:20px; border:0; padding:0;right:auto; top:200px; left:505px;">
    40.         <div class="footer-more ui-brand-btn-ex-align-left mallNav-others" style="width:20px; height:20px; float:none; padding:0;right:auto; top:0; left:0;"><a target="_blank" href="放旺旺代码链接地址">
    41. <img border="0" src="放旺旺代码图片地址" alt="点这里给我发消息" /></a></div>
    42.       </div>
    43.       <div class="footer-more-trigger mallNav-others" style="width:20px; height:20px; border:0; padding:0;right:auto; top:200px; left:610px;">
    44.         <div class="footer-more ui-brand-btn-ex-align-left mallNav-others" style="width:20px; height:20px; float:none; padding:0;right:auto; top:0; left:0;"><a target="_blank" href="放旺旺代码链接地址">
    45. <img border="0" src="放旺旺代码图片地址" alt="点这里给我发消息" /></a></div>
    46.       </div>
    47.     </div>
    48.   </div>
    49. </div>
    复制代码
    用到的图片: 客服中心代码.zip (171.49 KB, 下载次数: 15)

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2015-10-31 08:22:27 | 显示全部楼层
    不错啊,楼主真是太有爱了,果断收藏了!呆会用一下试试!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情

    2016-11-16 14:23
  • 签到天数: 438 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    2010

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15721

    最佳新人热心会员活跃会员优秀版主

    发表于 2015-10-31 08:40:03 | 显示全部楼层
    做的很好,路过

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    13 小时前
  • 签到天数: 440 天

    连续签到: 3 天

    [LV.9]已臻大成

    7

    主题

    1231

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    68543

    最佳新人热心会员

    QQ
    发表于 2015-10-31 09:22:05 | 显示全部楼层
    12W分。。。。。。。。。。。。。。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-11 17:26
  • 签到天数: 658 天

    连续签到: 2 天

    [LV.9]已臻大成

    5

    主题

    245

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    115211

    最佳新人热心会员

    发表于 2015-10-31 10:24:16 | 显示全部楼层
    我给顶一顶。蛮不错的分享
    红旗村 http://www.mvjin.taobao.com
  • TA的每日心情
    加油
    2016-10-27 15:47
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    18

    主题

    710

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56733

    发表于 2015-10-31 11:01:04 | 显示全部楼层
    屌屌的 小白福音~
    胆小勿点!★大神群308158281
  • TA的每日心情
    抱抱
    2015-11-12 17:21
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    5

    主题

    77

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12336

    发表于 2015-11-12 18:04:12 | 显示全部楼层
    为毛我按照上面的代码植入图片毛都没用?
    其实,我很二!
  • TA的每日心情
    臭美
    2016-10-26 12:54
  • 签到天数: 208 天

    连续签到: 2 天

    [LV.7]炉火纯青

    1

    主题

    22

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24537

    发表于 2015-11-18 20:54:41 | 显示全部楼层
    感谢分享···········

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-7 22:32 , Processed in 0.128884 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表