免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [版型教學] 【第五维度】Sclub论坛右侧浮动QQ/MSN客服代码集成返回顶部 [打印本頁]
作者: adcode    時間: 2012-6-7 11:58     標題: 【第五维度】Sclub论坛右侧浮动QQ/MSN客服代码集成返回顶部

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

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

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

帖子底部有教程.

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

演示图:

120607190684809773744e88ce.jpg

演示图片:

1206062223fb29ee7cb3cdd4dc.jpg

漂浮广告添加步骤:

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

  3. 这里是左侧广告

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

  8. <div class="floatright">
  9. <dl class="s_clear">
  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>定制风格</dt>
  14. <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>
  15. <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>
  16. <dt class="totop"><a href="#"  title="返回顶部">TOP</a></dt>
  17. </dl>
  18. </div>

  20. <style type="text/css">
  21. /*右侧客服CSS样式*/
  22. .ad_float_left{width:100%;left:0px;}
  23. .floatright {float:right; margin-right:10px;margin-top:-150px;}
  24. .floatright dl {background:#111111; width:90px;text-align:center;}
  25. .floatright dt {background:url(http://web0108154.w262.mydnns.com//adcode/sclub/fb_t.gif) #111111 repeat-x;height:24px; line-height:24px;color:#fff;}
  26. .floatright dd {padding:3px 0;}
  27. .floatright dt.totop a {font-size:90%;color:#fff;}
  28. /*左侧广告CSS样式*/
  29. .floatleft {width:200px;margin-left:10px;}
  30. </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在线状态!!!

圖片附件: [Sclub代码] 1206062223fb29ee7cb3cdd4dc.jpg (2012-6-7 11:57, 42.88 KB) / 下載次數 1996
http://orzweb.net/discuz/attachment.php?aid=5082&k=756554a560e93bd7a313fbae1b73d6c8&t=1732389997&sid=cj7nds



圖片附件: [Sclub集成MSN在线] 120607190684809773744e88ce.jpg (2012-6-8 09:42, 35.78 KB) / 下載次數 2036
http://orzweb.net/discuz/attachment.php?aid=5176&k=df28f8d66f693a4efdca219ce871d2ea&t=1732389997&sid=cj7nds



圖片附件: 120607190684809773744e88ce.jpg (2012-6-8 09:46, 79.44 KB) / 下載次數 2045
http://orzweb.net/discuz/attachment.php?aid=5178&k=72cd5922c51847537dad9fa5f2c2ae70&t=1732389997&sid=cj7nds

作者: 赋影    時間: 2012-6-7 12:11

学习了。。。。。
作者: 秋枫    時間: 2012-6-7 15:14

谢谢分享
作者: salvi    時間: 2012-6-7 16:49

谢谢分享
作者: adcode    時間: 2012-6-8 09:48

修改之后人工置顶一下!
作者: 0467    時間: 2013-3-27 11:06

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



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://orzweb.net/discuz/) Powered by Discuz! 7.2