免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[版型教學] 【第五维度】Sclub论坛右侧浮动QQ/MSN客服代码集成返回顶部

本帖最後由 adcode 於 2012-6-8 09:46 編輯

这个代码是利用系统原有的漂浮广告改造的,只需要后台设置一个漂浮广告添加代码即可!

网站有问怎么集成MSN的同学,

帖子底部有教程.

MSN点击之后会弹出在线聊天的框,

演示图:

120607190684809773744e88ce.jpg

演示图片:

1206062223fb29ee7cb3cdd4dc.jpg

漂浮广告添加步骤:

后台==广告==添加--漂浮广告--展现方式选择 代码
  1. <div class="left floatleft">

  2. 这里是左侧广告

  3. </div>
  4. <!-- 以下为右侧QQ在线客服 -->

  5. <div class="floatright">
  6. <dl class="s_clear">
  7. <dt>代码疑问</dt>
  8. <dd><span>客服</span><a href="http://wpa.qq.com/msgrd?v=3&uin=52805406&site=qq&menu=yes" target="_blank" rel="nofollow" ><img src="http://wpa.qq.com/pa?p=1:52805406:4" height="16" border="0" alt="QQ" /></a></dd>
  9. <dd><span>客服</span><a href="http://wpa.qq.com/msgrd?v=3&uin=52805406&site=qq&menu=yes" target="_blank" rel="nofollow" ><img src="http://wpa.qq.com/pa?p=1:52805406:4" height="16" border="0" alt="QQ" /></a></dd>
  10. <dt>定制风格</dt>
  11. <dd><span>客服</span><a href="http://wpa.qq.com/msgrd?v=3&uin=52805406&site=qq&menu=yes" target="_blank" rel="nofollow" ><img src="http://wpa.qq.com/pa?p=1:52805406:4" height="16" border="0" alt="QQ" /></a></dd>
  12. <dd><span>客服</span><a href="http://wpa.qq.com/msgrd?v=3&uin=52805406&site=qq&menu=yes" target="_blank" rel="nofollow" ><img src="http://wpa.qq.com/pa?p=1:52805406:4" height="16" border="0" alt="QQ" /></a></dd>
  13. <dt class="totop"><a href="#"  title="返回顶部">TOP</a></dt>
  14. </dl>
  15. </div>

  16. <style type="text/css">
  17. /*右侧客服CSS样式*/
  18. .ad_float_left{width:100%;left:0px;}
  19. .floatright {float:right; margin-right:10px;margin-top:-150px;}
  20. .floatright dl {background:#111111; width:90px;text-align:center;}
  21. .floatright dt {background:url(http://web0108154.w262.mydnns.com//adcode/sclub/fb_t.gif) #111111 repeat-x;height:24px; line-height:24px;color:#fff;}
  22. .floatright dd {padding:3px 0;}
  23. .floatright dt.totop a {font-size:90%;color:#fff;}
  24. /*左侧广告CSS样式*/
  25. .floatleft {width:200px;margin-left:10px;}
  26. </style>
複製代碼
想要添加客服QQ只需要复制代码中以下这段;
  1. <dd><span>客服</span><a href="http://wpa.qq.com/msgrd?v=3&uin=52805406&site=qq&menu=yes" target="_blank" rel="nofollow" ><img src="http://wpa.qq.com/pa?p=1:52805406:4" height="16" border="0" alt="QQ" /></a></dd>
複製代碼
复制几次,之后对应修改其中的QQ号码即可!

可拓展旺旺,msn等多种在线方式!

作者:Adcode 出处: 第五维度代码站 http://no5.imotor.com
原帖网址:http://no5.imotor.com/viewthread.php?tid=13

回复 2# marl2006


    需要申请MSN在线代码:

    申请入口: http://im.live.cn/imme/

    点击底部的:

   

    登陆之后,点击  Allow anyone on the web to see my presence and send me messages.

    然后点你  Save 保存一下!

    如下图:

    120607190684809773744e88ce.jpg

    下一步点击左侧导航中的:  Create HTML

    选择第三种,在线状态图片.

    复制底部的代码!

    然后将代码添加到:
  1.     <dd><span>MSN:</span>这里放复制的代码.</dd>
複製代碼
然后将此段代码复制到上面的代码中相应的</dd>后面即可!

    可实现MSN在线状态!!!

学习了。。。。。
游戏世界
http://yxly.zzxx.in

TOP

谢谢分享

TOP

谢谢分享

TOP

修改之后人工置顶一下!

TOP

这个代码太老了··都失效了

TOP

返回列表