加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    多旺旺显示在线之前已经发贴介绍过,现在只贴固定悬浮显示代码!
    多旺旺在线显示方法:http://waimaoquan.alibaba.com/bbs/read-htm-tid-50673-fid-37.html 19楼

    旺铺装修教程:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html

    <div style="position:fixed; _position:absolute; right: 0; top:245px; width:160px; padding:2px 5px;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.13);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.13);box-shadow: 2px 2px 2px rgba(0,0,0,.13);z-index: 998;background-color: #FFF;border: 1px solid #F1F1F1;"> 
     <div style="display: block;overflow: visible;" > 
       <ul style="list-style: none; float: left;width:150px;margin-left:-12px">
        <li><a href="http://message.alibaba.com/msgsend/contact.htm?action=contact_action&domain=2&id=200727908" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /><img src="http://upload.alibaba.com/common/upload/137/397/072/871/1373970728716_hz-fileserver-upload3_8832876.jpg" alt="" width="108px" height="29px" /></a></li>
        <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040285&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040285&site=enaliint&s=2" alt="Chat Now" border="0" /><img src="http://upload.alibaba.com/common/upload/137/397/068/966/1373970689663_hz-fileserver-upload3_8832415.jpg" alt="" width="108px" height="29px" /></a></li>
        <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cnhonseng&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cnhonseng&site=enaliint&s=2" alt="Chat Now" border="0" /><img src="http://upload.alibaba.com/common/upload/137/397/087/389/1373970873897_hz-fileserver-upload2_8829636.jpg" alt="" width="108px" height="29px" /></a></li>
        <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041433&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" /><img src="http://upload.alibaba.com/common/upload/137/397/076/392/1373970763928_hz-fileserver-upload1_8833125.jpg" alt="" width="108px" height="29px" /></a></li>
        <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041439&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041439&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://upload.alibaba.com/common/upload/137/402/310/384/1374023103844_hz-fileserver-upload1_9077930.jpg" alt="" width="108px" height="29px" /></li>
        <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040268&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040268&site=enaliint&s=2" alt="Chat Now" border="0" /><img src="http://upload.alibaba.com/common/upload/137/397/064/172/1373970641723_hz-fileserver-upload2_8826721.jpg" alt="" width="108px" height="29px" /></a></li>
       </ul>
     </div> 
    </div>


    固定悬浮样式的核心代码:
    <div style="position:fixed; _position:absolute; right: 0; top:245px; width:160px; padding:2px 5px;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.13);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.13);box-shadow: 2px 2px 2px rgba(0,0,0,.13);z-index: 998;background-color: #FFF;border: 1px solid #F1F1F1;">
    大家可以根据自己的页面主题做适当修改。

    图片:QQ图片20130718173307.jpg


  • 1 楼#

    HDC Wuhan

    • 粉丝
      64
    • 人气
      488
    • 积分
      165
    • 铜币
      37

    谢谢楼主分享。厉害。

  • 2 楼#

    DAVIS JIN

    • 粉丝
      0
    • 人气
      64
    • 积分
      0
    • 铜币
      22

    楼主,这个代码,有3处是链接的,分别怎么改,请教下,谢谢

  • 3 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    dihour:楼主,这个代码,有3处是链接的,分别怎么改,请教下,谢谢回到原帖
    第一个和第二个只改id就可以,第三个是后面的图标,需要你ps姓名后重新上传获得新的链接替换就可以了!

  • 4 楼#

    cnzhongdi

    • 粉丝
      21
    • 人气
      710
    • 积分
      5
    • 铜币
      682

    好久不逛,一来就是优质贴啊~最爱技术贴 ,已用 ,谢楼主,期待楼主更多分享~!

  • 5 楼#

    5个半柠檬C

    • 粉丝
      0
    • 人气
      282
    • 积分
      0
    • 铜币
      4

    亲,那个悬浮旺旺多人在线可以设置成这样的吗?http://saikang.en.alibaba.com/  不会弄

  • 6 楼#

    5个半柠檬C

    • 粉丝
      0
    • 人气
      282
    • 积分
      0
    • 铜币
      4

    悬浮在两侧

  • 7 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    jcdisplay:亲,那个悬浮旺旺多人在线可以设置成这样的吗?http://saikang.en.alibaba.com/  不会弄回到原帖
    完全可以的,上面增加文字和图片而已!
    下面的back to top就没必要了,因为右边系统已经自带了!要加上也可以,简单的代码而已!
    从右边移支左边将right:0改为left:0就可以了!

  • 8 楼#

    Cici 992

    • 粉丝
      0
    • 人气
      55
    • 积分
      0
    • 铜币
      9

    楼主,这个帖子相当棒,不过我还是装修菜鸟,请楼主指点详解下哈。 1. 是否需要新建一个自定义版块啊? 2. 以一个旺旺在线为例哦,copy 你1-4条代码在HTML内,第4条代码内有三个链接,我能看到第二个链接里需要改成自己的Id,那第一,三个链接需要改什么吗? 3. 希望小雨点是蓝色的,怎么修改?是哪串代码需要改?希望小雨点上方是链接人的图片,怎么改? 多谢多谢

  • 9 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    cn1501252992:楼主,这个帖子相当棒,不过我还是装修菜鸟,请楼主指点详解下哈。 1. 是否需要新建一个自定义版块啊? 2. 以一个旺旺在线为例哦,copy 你1-4条代码在HTML内,第4条代码内有三个链接,我能看到第二个链接里需要改成自己的Id,那第一,...回到原帖
    1. 新建自定义模块也可以,但还是建议加在已有的自定义模块中(方便修改),新建的如要修改只能删除重新添加。
    2. 第一个和第二个都需要改id, 第三个是名字图片,需要自己PS重新上传后替换,也可以直接用文字代替图片。
    3. 如想改成蓝色的,改每项中的第二个链接。如想上方是人的图片,可以上传人的图片置于小雨点上方即可。
    详细的方法对照此贴附件:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html

  • 10 楼#

    Cici 992

    • 粉丝
      0
    • 人气
      55
    • 积分
      0
    • 铜币
      9

    楼主,第二个链接里面,哪部分是小雨点的图片呀

  • 11 楼#

    fascino1

    • 粉丝
      0
    • 人气
      144
    • 积分
      0
    • 铜币
      5

    这个悬浮窗是不是只能设置在旺铺首页?比如说产品页面能设置吗、?

  • 12 楼#

    greenglobal8

    • 粉丝
      2
    • 人气
      112
    • 积分
      0
    • 铜币
      7

    求楼主发多旺旺悬浮 的 详细步骤出来学习啊

  • 13 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    cn1501252992:楼主,第二个链接里面,哪部分是小雨点的图片呀回到原帖
    <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" />

  • 14 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    fascino1:这个悬浮窗是不是只能设置在旺铺首页?比如说产品页面能设置吗、?回到原帖
    貌似不可以,因为产品页面没有自定义模块!
    只要有自定义模块的,都可以设置!

  • 15 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    greenglobal8:求楼主发多旺旺悬浮 的 详细步骤出来学习啊回到原帖
    已经很详细了,只要会设置多旺旺的,侧面悬浮就不会是问题!
    多旺旺设置教程参照此贴附件:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html

  • 16 楼#

    Cici 992

    • 粉丝
      0
    • 人气
      55
    • 积分
      0
    • 铜币
      9

    楼主呀,第二个链接直接贴成上传的蓝色小雨点图片就不能显示在线与否了呢。到底要怎么改呀?请高抬贵手,帮帮忙吧

  • 17 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    cn1501252992:楼主呀,第二个链接直接贴成上传的蓝色小雨点图片就不能显示在线与否了呢。到底要怎么改呀?请高抬贵手,帮帮忙吧回到原帖
    &lt;a title="Chat Now Jessica" href="http://amos.us.alitalk.alibaba.com/msg.aw?  v=2&amp;uid=cnxxxx&amp;site=enaliint&amp;s=2" target="_blank"&gt;&lt;img style="border-style: initial; border-color: initial;" src="http://web.im.alisoft.com/online.aw?  v=2&amp;uid=cnxxxx&amp;site=enaliint&amp;s=11" alt=" Chat With Me" align="absmiddle" border="0" /&gt;&lt;/a&gt;

    记得改ID哦。。。。。

  • 18 楼#

    Cici 992

    • 粉丝
      0
    • 人气
      55
    • 积分
      0
    • 铜币
      9

    楼主您太好了。非常感谢帮忙哦,小店感觉漂亮多了。对了,我在悬浮上面加了张图片,打开网页的时候这张图片出现的速度好慢。楼主可以支招吗?谢谢阿

  • 19 楼#

    Alex Wang

    • 粉丝
      108
    • 人气
      578
    • 积分
      129
    • 铜币
      6465

    cn1501252992:楼主您太好了。非常感谢帮忙哦,小店感觉漂亮多了。对了,我在悬浮上面加了张图片,打开网页的时候这张图片出现的速度好慢。楼主可以支招吗?谢谢阿回到原帖
    因为没看到具体的东西,也不好说!
    建议图片不要太大。。。。



  • 多旺旺显示在线之前已经发贴介绍过,现在只贴固定悬浮显示代码!
    多旺旺在线显示方法:http://waimaoquan.alibaba.com/bbs/read-htm-tid-50673-fid-37.html 19楼

    旺铺装修教程:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html

    &lt;div style="position:fixed; _position:absolute; right: 0; top:245px; width:160px; padding:2px 5px;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.13);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.13);box-shadow: 2px 2px 2px rgba(0,0,0,.13);z-index: 998;background-color: #FFF;border: 1px solid #F1F1F1;"&gt; 
     &lt;div style="display: block;overflow: visible;" &gt; 
       &lt;ul style="list-style: none; float: left;width:150px;margin-left:-12px"&gt;
        &lt;li&gt;&lt;a href="http://message.alibaba.com/msgsend/contact.htm?action=contact_action&domain=2&id=200727908" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/397/072/871/1373970728716_hz-fileserver-upload3_8832876.jpg" alt="" width="108px" height="29px" /&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040285&site=enaliint&s=2" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040285&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/397/068/966/1373970689663_hz-fileserver-upload3_8832415.jpg" alt="" width="108px" height="29px" /&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cnhonseng&site=enaliint&s=2" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cnhonseng&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/397/087/389/1373970873897_hz-fileserver-upload2_8829636.jpg" alt="" width="108px" height="29px" /&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041433&site=enaliint&s=2" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/397/076/392/1373970763928_hz-fileserver-upload1_8833125.jpg" alt="" width="108px" height="29px" /&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041439&site=enaliint&s=2" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041439&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;/a&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/402/310/384/1374023103844_hz-fileserver-upload1_9077930.jpg" alt="" width="108px" height="29px" /&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040268&site=enaliint&s=2" target="_blank"&gt; &lt;img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040268&site=enaliint&s=2" alt="Chat Now" border="0" /&gt;&lt;img src="http://upload.alibaba.com/common/upload/137/397/064/172/1373970641723_hz-fileserver-upload2_8826721.jpg" alt="" width="108px" height="29px" /&gt;&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
     &lt;/div&gt; 
    &lt;/div&gt;


    固定悬浮样式的核心代码:
    &lt;div style="position:fixed; _position:absolute; right: 0; top:245px; width:160px; padding:2px 5px;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.13);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.13);box-shadow: 2px 2px 2px rgba(0,0,0,.13);z-index: 998;background-color: #FFF;border: 1px solid #F1F1F1;"&gt;
    大家可以根据自己的页面主题做适当修改。

    图片:QQ图片20130718173307.jpg




  • 谢谢楼主分享。厉害。



  • 楼主,这个代码,有3处是链接的,分别怎么改,请教下,谢谢



  • dihour:楼主,这个代码,有3处是链接的,分别怎么改,请教下,谢谢回到原帖
    第一个和第二个只改id就可以,第三个是后面的图标,需要你ps姓名后重新上传获得新的链接替换就可以了!



  • 好久不逛,一来就是优质贴啊~最爱技术贴 ,已用 ,谢楼主,期待楼主更多分享~!



  • 亲,那个悬浮旺旺多人在线可以设置成这样的吗?http://saikang.en.alibaba.com/  不会弄



  • 悬浮在两侧



  • jcdisplay:亲,那个悬浮旺旺多人在线可以设置成这样的吗?http://saikang.en.alibaba.com/  不会弄回到原帖
    完全可以的,上面增加文字和图片而已!
    下面的back to top就没必要了,因为右边系统已经自带了!要加上也可以,简单的代码而已!
    从右边移支左边将right:0改为left:0就可以了!



  • 楼主,这个帖子相当棒,不过我还是装修菜鸟,请楼主指点详解下哈。 1. 是否需要新建一个自定义版块啊? 2. 以一个旺旺在线为例哦,copy 你1-4条代码在HTML内,第4条代码内有三个链接,我能看到第二个链接里需要改成自己的Id,那第一,三个链接需要改什么吗? 3. 希望小雨点是蓝色的,怎么修改?是哪串代码需要改?希望小雨点上方是链接人的图片,怎么改? 多谢多谢



  • cn1501252992:楼主,这个帖子相当棒,不过我还是装修菜鸟,请楼主指点详解下哈。 1. 是否需要新建一个自定义版块啊? 2. 以一个旺旺在线为例哦,copy 你1-4条代码在HTML内,第4条代码内有三个链接,我能看到第二个链接里需要改成自己的Id,那第一,...回到原帖
    1. 新建自定义模块也可以,但还是建议加在已有的自定义模块中(方便修改),新建的如要修改只能删除重新添加。
    2. 第一个和第二个都需要改id, 第三个是名字图片,需要自己PS重新上传后替换,也可以直接用文字代替图片。
    3. 如想改成蓝色的,改每项中的第二个链接。如想上方是人的图片,可以上传人的图片置于小雨点上方即可。
    详细的方法对照此贴附件:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html



  • 楼主,第二个链接里面,哪部分是小雨点的图片呀



  • 这个悬浮窗是不是只能设置在旺铺首页?比如说产品页面能设置吗、?



  • 求楼主发多旺旺悬浮 的 详细步骤出来学习啊



  • cn1501252992:楼主,第二个链接里面,哪部分是小雨点的图片呀回到原帖
    <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" />



  • fascino1:这个悬浮窗是不是只能设置在旺铺首页?比如说产品页面能设置吗、?回到原帖
    貌似不可以,因为产品页面没有自定义模块!
    只要有自定义模块的,都可以设置!



  • greenglobal8:求楼主发多旺旺悬浮 的 详细步骤出来学习啊回到原帖
    已经很详细了,只要会设置多旺旺的,侧面悬浮就不会是问题!
    多旺旺设置教程参照此贴附件:http://waimaoquan.alibaba.com/bbs/read-htm-tid-718007-1-fid-47.html



  • 楼主呀,第二个链接直接贴成上传的蓝色小雨点图片就不能显示在线与否了呢。到底要怎么改呀?请高抬贵手,帮帮忙吧



  • cn1501252992:楼主呀,第二个链接直接贴成上传的蓝色小雨点图片就不能显示在线与否了呢。到底要怎么改呀?请高抬贵手,帮帮忙吧回到原帖
    &lt;a title="Chat Now Jessica" href="http://amos.us.alitalk.alibaba.com/msg.aw?  v=2&amp;uid=cnxxxx&amp;site=enaliint&amp;s=2" target="_blank"&gt;&lt;img style="border-style: initial; border-color: initial;" src="http://web.im.alisoft.com/online.aw?  v=2&amp;uid=cnxxxx&amp;site=enaliint&amp;s=11" alt=" Chat With Me" align="absmiddle" border="0" /&gt;&lt;/a&gt;

    记得改ID哦。。。。。



  • 楼主您太好了。非常感谢帮忙哦,小店感觉漂亮多了。对了,我在悬浮上面加了张图片,打开网页的时候这张图片出现的速度好慢。楼主可以支招吗?谢谢阿



  • cn1501252992:楼主您太好了。非常感谢帮忙哦,小店感觉漂亮多了。对了,我在悬浮上面加了张图片,打开网页的时候这张图片出现的速度好慢。楼主可以支招吗?谢谢阿回到原帖
    因为没看到具体的东西,也不好说!
    建议图片不要太大。。。。


54 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待