免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 下一主题 ›› ‹‹ 上一主题 发帖
flashroad

UID
1 
帖子
2092 
主题
341 
精华
1 
积分
32177 
金钱
25703  
阅读权限
200 
最后登录
2025-4-18 

灌水之星精华爱心大使帅哥深夜达人天秤座装扮勋章
楼主(1楼) 跳转到 » 倒序看帖
打印
tT
发表于 2018-8-17 12:17 | 只看该作者

[仿X2]板块浏览页面的板块导航

本文来自：★flash之路-flash技术交流★ 转帖请注明出处！ 作者：flashroad 您是第1639个浏览者

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

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
flashroad友情提示：
“点评”不是“回帖”！
本代码需要用到JQuery库！


新建一个自由代码，把它加入主题列表的边栏即可


名称:
   自由代码_板块导航

内容:
  1. <style>/*---------------------板块导航----------------------------------------*/
  2. #forumdisplay .with_side .main{margin-left: -140px!important;}
  3. #forumdisplay .with_side .content{margin-left: 140px!important;}
  4. #forumdisplay .with_side .side{width: 140px!important;}
  5. .a dd{display:none}
  6. .bdl{float:left;overflow:hidden;border:1px solid #ffcc66;background-color:#F5F9FB;}
  7. .ie6 .bdl{position:relative;}
  8. .bdl_h{height:32px;line-height:22px;}
  9. .bdl .tbn{margin:10px;}
  10. .bdl dl{margin:-1px -10px 0;}
  11. .bdl dt{overflow:hidden;height:27px;line-height:27px;border:solid #ffcc66;border-width:1px 0;background:#F5F9FB url(http://zyhome.66rt.com/attachments/month_1304/13040818242b5455e5442400b7.png) repeat-x 100% 0;}
  12. .bdl dt a{display:block;padding:0 15px 0 10px;font-weight:bold;color:#000000!important;}
  13. .bdl dt a:hover,.bdl_a a:hover{text-decoration:none;}
  14. .bdl dd{display:none;}
  15. .bdl dd a{display:block;margin:0 3px;padding:0 7px;height:26px;line-height:26px;overflow:hidden;}
  16. .bdl dl.a{padding-bottom:4px;background-color:#FFF;}
  17. .bdl dl.a dt{margin-bottom:3px;background-position:100% -27px;}
  18. .bdl dl.a dd,.bdl_fav dd{display:block;overflow:hidden;zoom:1;}
  19. .bdl dd.bdl_a a{font-weight:700;}
  20. .bdl dd.bdl_a,.bdl dd:hover{background:#ffcc66;}
  21. .bdl dd{border-bottom:#ffcc66 1px dashed;}
  22. </style>
  23. <div id="sd_bdl" class="bdl" style="width:130px;">
  24. <div class="tbn" id="forumleftside"><h2 class="bdl_h">版块导航</h2>
  25. <dl class="" id="lf_49">
  26. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_49')" title="章鱼博客">章鱼博客</a></dt>
  27. <dd>
  28. <a href="/forum-50-1.html" title="章鱼博客">章鱼博客</a>
  29. </dd>
  30. </dl>
  31. <dl class="" id="lf_16">
  32. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_16')" title="Discuz!专区">Discuz!专区</a></dt><dd>
  33. <a href="/forum-17-1.html" title="SCLUB代码">SCLUB代码</a>
  34. </dd>
  35. <dd>
  36. <a href="/forum-8-1.html" title="5d6d代码">5d6d代码</a>
  37. </dd>
  38. <dd>
  39. <a href="/forum-75-1.html" title="申请代整">申请代整</a>
  40. </dd>
  41. <dd>
  42. <a href="/forum-19-1.html" title="疑问解答">疑问解答</a>
  43. </dd>
  44. <dd>
  45. <a href="/forum-55-1.html" title="SCLUB插件">SCLUB插件</a>
  46. </dd>
  47. <dd>
  48. <a href="/forum-20-1.html" title="插件资讯">插件资讯</a>
  49. </dd>
  50. <dd>
  51. <a href="/forum-58-1.html" title="内测插件">内测插件</a>
  52. </dd>
  53. </dl>
  54. <dl class="" id="lf_999">
  55. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_999')" title="SCLUB插件">SCLUB插件</a></dt>
  56. <dd>
  57. <a href="/forum-47-1.html" title="宠物中心">宠物中心</a>
  58. </dd>
  59. <dd>
  60. <a href="/forum-53-1.html" title="许愿墙">许愿墙</a>
  61. </dd>
  62. <dd>
  63. <a href="/forum-56-1.html" title="积分进度条">积分进度条</a>
  64. </dd>
  65. <dd>
  66. <a href="/forum-57-1.html" title="7钻点亮">7钻点亮</a>
  67. </dd>
  68. <dd>
  69. <a href="/forum-59-1.html" title="首页7格帖子调用">首页7格帖子调用</a>
  70. </dd>
  71. <dd>
  72. <a href="/forum-67-1.html" title="论坛际遇">论坛际遇</a>
  73. </dd>
  74. <dd>
  75. <a href="/forum-71-1.html" title="章鱼音乐播放器">章鱼音乐播放器</a>
  76. </dd>
  77. <dd>
  78. <a href="/forum-72-1.html" title="@呼我插件">@呼我插件</a>
  79. </dd>
  80. <dd>
  81. <a href="/forum-74-1.html" title="名人堂">名人堂</a>
  82. </dd>
  83. </dl>
  84. <dl class="" id="lf_5">
  85. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_5')" title="章鱼之家">章鱼之家</a></dt>
  86. <dd>
  87. <a href="/forum-6-1.html" title="LF2专区">LF2专区</a>
  88. </dd>
  89. <dd>
  90. <a href="/forum-7-1.html" title="QQT专区">QQT专区</a>
  91. </dd>
  92. </dl>
  93. <dl class="" id="lf_10">
  94. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_10')" title="杂类版块">杂类版块</a></dt>
  95. <dd>
  96. <a href="/forum-11-1.html" title="新手报到">新手报到</a>
  97. </dd>
  98. <dd>
  99. <a href="/forum-13-1.html" title="站务管理">站务管理</a>
  100. </dd>
  101. <dd>
  102. <a href="/forum-26-1.html" title="聊天灌水">聊天灌水</a>
  103. </dd>
  104. <dd>
  105. <a href="/forum-48-1.html" title="笑话专区">笑话专区</a>
  106. </dd>
  107. <dd>
  108. <a href="/forum-14-1.html" title="每日签到">每日签到</a>
  109. </dd>
  110. </dl>
  111. <dl class="" id="lf_3">
  112. <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_3')" title="管理员专区">管理员专区</a></dt>
  113. <dd>
  114. <a href="/forum-4-1.html" title="管理员会议室">管理员会议室</a>
  115. </dd>
  116. <dd>
  117. <a href="/forum-24-1.html" title="数据记录">数据记录</a>
  118. </dd>
  119. <dd>
  120. <a href="/forum-25-1.html" title="附件储存">附件储存</a>
  121. </dd>
  122. </dl>
  123. </div>
  124. </div>
  125. <script>
  126. function leftside(id) {
  127. aa=$("umenu").innerHTML
  128. //$jq("#"+id+" dd").toggle(300)
  129. $(id).className = $(id).className == 'a' ? '' : 'a';
  130. if(id == 'lf_fav'){
  131. setcookie('leftsidefav', $(id).className == 'a' ? 0 : 1, 2592000);
  132. }
  133. }
  134. $jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent().parent()[0].className="a"
  135. $jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent()[0].className="bdl_a"
  136. </script>
复制
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

友情提示：单击下列任意一个表情，即可瞬间自动回复本帖!
好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
哈哈哈
哼
NO
OK
what
我来了
收藏 分享

最近访问本帖者列表：

flashroad
访问时间:2019-08-12 23:57
阿么
访问时间:2019-05-03 03:58
天使小小
访问时间:2018-12-28 22:07
皓皓兒
访问时间:2018-11-01 22:59
中文名字
访问时间:2018-10-26 16:19

打赏

取消

感谢您的支持，我会继续努力的!

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

Powered by 爱秀代码，分享从这里开始，精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

flashroad

UID
1 
帖子
2092 
主题
341 
精华
1 
积分
32177 
金钱
25703  
阅读权限
200 
最后登录
2025-4-18 

灌水之星精华爱心大使帅哥深夜达人天秤座装扮勋章
沙发(2楼)
发表于 2018-8-17 12:23 | 只看该作者
需要开启边栏
界面>界面设置>边栏
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

返回列表 下一主题 ›› ‹‹ 上一主题

　

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

您需要登录后才可以回帖 登录|立即注册

快速
返回顶部
 返回首页