[插件教學] [分享]论坛官方QQ群展示（可一键加群）

泛泛

代码作者：不祥
代码类型：二次修改、完善

=.=代码中可能有部分是多余滴。
但由于对代码不太了解=v=
欢迎代码高玩指出哟。

在论坛帮助增加新分类，然后增加帮助主题为QQ群。
粘贴以下代码。

外观展示：


使用之前请先到http://wp.qq.com/group.html获取一键加群代码。

1. <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
   
2. </div>
   
3. <div class="main-wrap">
   
4. <div id="main">
   
5. <script type="text/javascript" src="js/big5.js"></script>
   
6. <style type="text/css">
   
7. img { vertical-align:top; border:none; } /* 去除蓝色边框 */
   
8. /* 栏目标题 */
   
9. .box h3 { background:url(hack/qqgroup/image/h3_bg.gif) repeat-x center 0; border-bottom:1px solid #D5DEE3; display:block; height:30px; line-height:30px; font-size:14px; font-weight:700; padding:0 15px; }
   
10. .box h3 a.fr { color:#666; font-size:12px; font-weight:100; }
    
11. .box h3 a:hover { text-decoration:underline; }
    
12. /* 栏目框架 */
    
13. .box { border:1px solid #D5DEE3; overflow:hidden; _height:1%; }
    
14. .qqgroup_about { padding:10px 20px; }
    
15. .qqun { width:920px; margin:10px auto 20px; }
    
16. .qqun td, .qqun th {
    
17. border: 1px solid #D5DEE3;
    
18. padding: 5px 0;
    
19. text-align: center;
    
20. }
    
21. .qqun th { background:#b6b9bc; color:#FFF; padding:10px 0; }
    
22. .qqun tr.man { color:#666; text-decoration:line-through; }
    
23. .qqun a { background:url(hack/qqgroup/image/group.png) no-repeat; display:block; height:25px; width:82px; margin:0 auto; }
    
24. .qqun a:hover { background-position:0 -25px; }
    
25. .qqun tr.man a, .qqun tr.man a:hover { background-position:0 -50px; }
    
26. </style>
    
27. <div class="qqgroup_about">
    
28. 下面是我们新水浒Q传粉丝社区的论坛讨论群，欢迎大家加入
    
29. </div>
    
30. <table class="qqun">
    
31. <tbody>
    
32. <tr>
    
33. <th width="50">序号</th>
    
34. <th width="150">Q群名称</th>
    
35. <th width="90">Q群号码</th>
    
36. <th width="50" >满否</th>
    
37. <th>简介</th>
    
38. <th width="120">免费加入</th>
    
39. </tr>
    
40. <tr >
    
41. <td>1</td>
    
42. <td>新水浒Q传玩家少先队</td>
    
43. <td>132490019</td>
    
44. <td>未满</td>
    
45. <td>欢迎大家加群讨论</td>
    
46. <td><a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=59359861a468956a17abb0b1e3beefb64404c1a57ce7caf0bc944b77530744cb"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="新水浒Q传玩家少先队" title="新水浒Q传玩家少先队"></a></td>
    
47. </tr>
    
48. <tr >
    
49. <td>2</td>
    
50. <td>163567926</td>
    
51. <td>163567926</td>
    
52. <td>未满</td>
    
53. <td>欢迎大家加群讨论</td>
    
54. <td><a target="_blank" href="<a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=b58727e3589f8aa8f24fb92055599e9a726163aedb65247910419d8fd8718786"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="[新水浒Q传]♥水粉盛宴" title="[新水浒Q传]♥水粉盛宴"></a></td>
    
55. </tr>
    
56. </tbody>
    
57. </table>
    
58. </div>
    
59. </div>
    
60. <!-- End of w960 -->

複製代碼