免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 11万|回复: 6
上一主题 下一主题 打印

[教学] 首页添加自定义板块   精华 1 [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

附件:您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如图:
QQ截图20181113212319.png
2018-11-13 21:23


预览地址
http://icode.258club.com/index.php?styleid=16

安装方法:
1、打开discuz模板找到
  1. <!--{if $_DCACHE['forumlinks'][0] || $_DCACHE['forumlinks'][1] || $_DCACHE['forumlinks'][2]}-->
复制
在上边加
  1. <div id="wj-tb" class="wj-chat">
  2. <ul>
  3. <li id="wj-tbm_1" onmouseover="x:HoverLiz(1);" class="wj-tlb-hover1">AAAAA</li>
  4. <li id="wj-tbm_2" onmouseover="x:HoverLiz(2);" class="wj-tlb-normal1">BBBBB</li>
  5. <li id="wj-tbm_3" onmouseover="x:HoverLiz(3);" class="wj-tlb-normal1">CCCCC</li>
  6. </ul>
  7. </div>

  8. <div style="height: 380px;border: solid #DDDDDD;border-width: 1px;border-top: none;background: #fff;border-radius: 5px;margin-bottom: 20px;">
  9. <div class="wj-tlb-dism" id="wj-tbcm_01">
  10. <ul style="padding-top: 24px;margin-left: 11px;">
  11. {eval request('主题列表_573');}
  12. </ul>
  13. </div>

  14. <div class="wj-tlb-undism" id="wj-tbcm_02">
  15. <ul style="padding-top: 24px;margin-left: 11px;">
  16. {eval request('主题列表_573_aA4');}
  17. </ul>
  18. </div>

  19. <div class="wj-tlb-undism" id="wj-tbcm_03">
  20. <ul style="padding-top: 24px;margin-left: 11px;">
  21. {eval request('主题列表_573_mIK');}
  22. </ul>
  23. </div>
  24. </div>

  25. <script>
  26. function g(o) {
  27.     return document.getElementById(o);
  28. }
  29. function HoverLiz(n) {
  30.     for(var i=1;i<=3;i++) {
  31.         g('wj-tbm_'+i).className='wj-tlb-normal1';
  32.         g('wj-tbcm_0'+i).className='wj-tlb-undism';
  33.     }
  34.     g('wj-tbcm_0'+n).className='wj-tlb-dism';
  35.     g('wj-tbm_'+n).className='wj-tlb-hover1';
  36. }
  37. </script>
复制
2、在css_append加
  1. .wj-chat {
  2. background: #fff;
  3.     line-height: 45px;
  4.     margin-bottom: 20px;
  5.     font-size: 16px;
  6.     border-radius: 5px;
  7.     background-color: #ecf2f4;
  8.     overflow: hidden;
  9. }
  10. .wj-chat ul {
  11. height: 32px;
  12. padding-left: 5px;
  13. line-height: 30px;
  14. }
  15. .wj-chat li {
  16. float: left;
  17. text-align: center;
  18. width: 150px;
  19. }
  20. .wj-tlb-hover1 {
  21. background: #FFF;
  22. font-weight: 700;
  23. color: #333;
  24. display: block;
  25. margin-top: 2px;
  26. }
  27. .wj-tlb-normal1 {
  28. display: block;
  29. }
  30. .wj-tlb-dism { display: block; }
  31. .wj-tlb-undism { display: none; }
  32. ul,li { list-style: none; }


  33. .wj-tlb-dism li {
  34. float: left;
  35. white-space: nowrap;
  36. margin: 0 10px 10px 0;
  37. text-overflow: ellipsis;
  38. padding: 10px;
  39. border: solid #DDDDDD;
  40. border-width: 1px;
  41. background-color: #F8F8F8;
  42. text-align: center;
  43. overflow: hidden;
  44. }
复制
3、解压下面文件后在后台数据调用导入
discuz_request_20181113.rar (1.08 KB)

最近看过此主题的会员

花鹿
访问时间:2024-01-05 08:56
自由人
访问时间:2023-11-24 23:22
icode
访问时间:2023-10-15 16:47
李奥
访问时间:2023-10-14 12:55
你好世界
访问时间:2023-08-14 07:56
天使小小
访问时间:2023-02-15 16:36
我爱建站
访问时间:2022-04-25 13:48
北京大新
访问时间:2022-02-14 07:17
呆萌虫虫
访问时间:2021-07-06 20:47

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

看起来不错
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

这个效果简直不要太赞,
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

楼主发帖辛苦了,谢谢楼主的分享!
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

楼主发帖辛苦了,谢谢楼主的分享!
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

懵逼.jpg
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
返回首页