19楼论坛二级导航，代码~！完美

19楼论坛二级导航，代码~！完美


演示地址：bbs.sanx.com.cn

1. <style type="text/css">
   
2. #nav .nav_floor {margin-bottom:-8px;padding:5px 0px 6px 0px;font-size:14px;border:1px solid
   
3. 
   
4. #e8e8e8;border-top:none;background-position:0 -256px;overflow:hidden;background:url
   
5. 
   
6. (/static/image/common/bg_nav_repeat.gif) repeat-x 0 bottom; }
   
7. .nav_box {padding:0 0px 0 3px; overflow:hidden;}
   
8. .nav_box li {float:left;padding:0 2px 0 2px;margin-right:0px;width:115px;height:21px;line-
   
9. 
   
10. height:21px;background-position:right 0px;}
    
11. .nav_box li a {display:block;padding-left:0px;width:115px;height:21px;background-
    
12. 
    
13. position:7px 0px;overflow:hidden;}
    
14. .nav_box li a span {font-family:Verdana,Arial;font-size:12px;font-weight:700;}
    
15. #nav .nav_box li a:hover {background-color:#697f8f;color:#fff;text-
    
16. 
    
17. decoration:none;background-position:7px -86px;}
    
18. </style>
    
19. <DIV id=nav>
    
20. <DIV class=nav_floor>
    
21. <UL class=nav_box>
    
22. <li><a href="forum.php?mod=forumdisplay&fid=2" title="娱乐灌水"><span>01#:</span>娱乐灌水
    
23. 
    
24. </a></li>
    
25. <li><a href="forum.php?mod=forumdisplay&fid=39" title="摄影天堂"><span>02#:</span>摄影天堂
    
26. 
    
27. </a></li>
    
28. <li><a href="forum.php?mod=forumdisplay&fid=38" title="跳蚤市场"><span>03#:</span>跳蚤市场
    
29. 
    
30. </a></li>
    
31. <li><a href="forum.php?mod=forumdisplay&fid=54" title="视频综合"><span>04#:</span>视频综合
    
32. 
    
33. </a></li>
    
34. <li><a href="forum.php?mod=forumdisplay&fid=40" title="情感故事"><span>05#:</span>情感故事
    
35. 
    
36. </a></li>
    
37. <li><a href="forum.php?mod=forumdisplay&fid=61" title="趣闻曝光"><span>06#:</span>趣闻曝光
    
38. 
    
39. </a></li>
    
40. <li><a href="forum.php?mod=forumdisplay&fid=47" title="车友天地"><span>07#:</span>车友天地
    
41. 
    
42. </a></li>
    
43. <li><a href="forum.php?mod=forumdisplay&fid=36" title="饮食男女"><span>08#:</span>饮食男女
    
44. 
    
45. </a></li>
    
46. <li><a href="forum.php?mod=forumdisplay&fid=37" title="驴友出行"><span>09#:</span>驴友出行
    
47. 
    
48. </a></li>
    
49. <li><a href="forum.php?mod=forumdisplay&fid=46" title="房产家居"><span>10#:</span>房产家居
    
50. 
    
51. </a></li>
    
52. <li><a href="forum.php?mod=forumdisplay&fid=56" title="夜店一族"><span>11#:</span>夜店一族
    
53. 
    
54. </a></li>
    
55. <li><a href="forum.php?mod=forumdisplay&fid=55" title="活动专栏"><span>12#:</span>活动专栏
    
56. 
    
57. </a></li>
    
58. <li><a href="forum.php?mod=forumdisplay&fid=66" title="幽默搞笑"><span>13#:</span>幽默搞笑
    
59. 
    
60. </a></li>
    
61. <li><a href="forum.php?mod=forumdisplay&fid=60" title="原创文学"><span>14#:</span>原创文学
    
62. 
    
63. </a></li>
    
64. <li><a href="forum.php?mod=forumdisplay&fid=41" title="校园生活"><span>15#:</span>校园生活
    
65. 
    
66. </a></li>
    
67. <li><a href="forum.php?mod=forumdisplay&fid=67" title="谈婚论嫁"><span>16#:</span>谈婚论嫁
    
68. 
    
69. </a></li>
    
70. <li><a href="forum.php?mod=forumdisplay&fid=48" title="投资理财"><span>17#:</span>投资理财
    
71. 
    
72. </a></li>
    
73. <li><a href="forum.php?mod=forumdisplay&fid=49" title="手机数码"><span>18#:</span>手机数码
    
74. 
    
75. </a></li>
    
76. <li><a href="forum.php?mod=forumdisplay&fid=45" title="亲子乐园"><span>19#:</span>亲子乐园
    
77. 
    
78. </a></li>
    
79. <li><a href="forum.php?mod=forumdisplay&fid=44" title="体育健身"><span>20#:</span>体育健身
    
80. 
    
81. </a></li>
    
82. <li><a href="forum.php?mod=forumdisplay&fid=43" title="宠物之家"><span>21#:</span>宠物之家
    
83. 
    
84. </a></li>
    
85. <li><a href="forum.php?mod=forumdisplay&fid=51" title="健康公社"><span>22#:</span>健康公社
    
86. 
    
87. </a></li>
    
88. <li><a href="forum.php?mod=forumdisplay&fid=50" title="游戏竞技"><span>23#:</span>游戏竞技
    
89. 
    
90. </a></li>
    
91. <li><a href="forum.php?mod=forumdisplay&fid=58" title="广告平台"><span>24#:</span>广告平台
    
92. 
    
93. </a></li>
    
94. </UL></DIV></DIV>

复制代码

支持一下分享。

你论坛首页的diy能分享下么

挺不错的分享呢

{:soso_e120:}

代码加到哪？

呵呵，很不错的二级导航。

支持一下分享