免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [教學] [原创] Sclub帖内积分外显美化代码 (by 自由路) [打印本頁]

作者: zxx00    時間: 2012-12-22 10:43     標題: [原创] Sclub帖内积分外显美化代码 (by 自由路)

本帖最後由 zxx00 於 2012-12-22 12:34 編輯

1.png

原帖地址:http://zyl.gain.tw/viewthread.php?tid=10&extra=page%3D1
  1. <!--Sclub帖内积分外显美化代码 (by http://zyl.gain.tw/)-->
  2. <script>
  3. jQuery.noConflict();
  4. var i=0

  5. jQuery(".profile").each(function(i){
  6. //循环开始

  7. var qzom_text1=jQuery(this).children("dt").eq(0).text();
  8. var qzom_text2=jQuery(this).children("dt").eq(1).text();
  9. var qzom_text3=jQuery(this).children("dt").eq(2).text();

  10. var qzom_num1=jQuery(this).children("dd").eq(0).text();
  11. var qzom_num2=jQuery(this).children("dd").eq(1).text();
  12. var qzom_num3=jQuery(this).children("dd").eq(2).text();

  13. var qzom_all='<div class="tns xg2"><table cellspacing="0" cellpadding="0"><tbody><tr><th><p><a class="xi2"><b>'+qzom_num1+'</b></a></p>'+qzom_text1+'</th><th><p><a class="xi2"><b>'+qzom_num2+'</b></a></p>'+qzom_text2+'</th><td><p><a class="xi2"><b><font color="#FF0000">'+qzom_num3+'</font></b></a></p>'+qzom_text3+'</td></tr></tbody></table></div>'
  14. jQuery(this).before(qzom_all);

  15. i=i+1;});


  16. </script>

  17. <style>
  18. .profile{ display:none!important;}
  19. .tns th {
  20.     border-right: 1px solid #CCCCCC;
  21. }
  22. .tns th, .tns td {
  23.     font-size: 12px;
  24.     text-align: center;
  25. }
  26. caption, th {
  27.     font-weight: 400;
  28.     text-align: left;
  29. }
  30. * {
  31.     word-wrap: break-word;
  32. }
  33. .tns th p, .tns td p {
  34.     font-size: 11px;
  35.     margin: 0;
  36. }
  37. .pls p, .pls .pil, .pls .o {
  38.     margin: 5px 10px 5px 15px;
  39. }
  40. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
  41.     margin: 0;
  42.     padding: 0;
  43. }
  44. .xi2, .xi2 a, .xi3 a {
  45.     color: #105CB6;
  46. }
  47. a {
  48.     color: #333333;
  49.     text-decoration: none;
  50. }

  51. </style>
複製代碼
请将jQuery内核安装到贵站再添加本站原创代码!(使用必备):http://zyl.gain.tw/viewthread.php?tid=9&extra=page%3D1

圖片附件: 1.png (2012-12-22 10:43, 54.5 KB) / 下載次數 491
http://www.sclub.com.tw/discuz/attachment.php?aid=17592&k=ddaaf875f234c8190cd7b90444cbafea&t=1714279830&sid=01Z0ZN


作者: 达人小G    時間: 2012-12-22 10:44

支持楼主的原创,不过代码没有贴到论坛来不能算精华,给个图章作为鼓励吧!
作者: 达人小G    時間: 2012-12-22 10:45

你的论坛要邀请码才能注册,注册不了
作者: 章鱼    時間: 2012-12-22 11:43

蓝大不是发布过类似代码么...
作者: 4rphotoclub    時間: 2012-12-22 12:14

期待樓主把代碼貼在這裡啊
作者: liangweisee    時間: 2012-12-22 12:58

谢谢分享。
作者: 小枫    時間: 2012-12-22 13:35

回復 4# 章鱼 性质不一样……一个是原创一个是非原创。不同的写法有不同的扩展利用价值。
作者: 章鱼    時間: 2012-12-22 14:08

为啥我看到了Qzom....
作者: heivs    時間: 2013-11-11 14:15

这个代码不能用了吗?  楼主的论坛打不开




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