超简洁的二级导航，适合全屏站

我也是在站里下载别人的19楼二级导航代码 ，只是下载下来不适合全屏的，我自己稍微修改下。分享给大家了。。

1. <style type="text/css">
   
2. #nav .nav_floor {margin-bottom:-8px;padding:5px 0px 6px 20px;font-size:15px;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 15px 0 6px; overflow:hidden;}
   
8. .nav_box li {float:left;padding:0 2px 0 2px;margin-right:9px;width:130px;height:28px;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=90" title="热点话题"><span>01#:</span>热点话题
    
23. 
    
24. </a></li>
    
25. <li><a href="forum.php?mod=forumdisplay&fid=91" title="娱乐八卦"><span>02#:</span>娱乐八卦
    
26. 
    
27. </a></li>
    
28. <li><a href="forum.php?mod=forumdisplay&fid=92" title="男女心事"><span>03#:</span>男女心事
    
29. 
    
30. </a></li>
    
31. <li><a href="forum.php?mod=forumdisplay&fid=75" title="时尚美眉"><span>04#:</span>时尚美眉
    
32. 
    
33. </a></li>
    
34. <li><a href="forum.php?mod=forumdisplay&fid=76" title="热血男儿"><span>05#:</span>热血男儿
    
35. 
    
36. </a></li>
    
37. <li><a href="forum.php?mod=forumdisplay&fid=77" title="情缘都市"><span>06#:</span>情缘都市
    
38. 
    
39. </a></li>
    
40. <li><a href="forum.php?mod=forumdisplay&fid=78" title="心情日记"><span>07#:</span>心情日记
    
41. 
    
42. </a></li>
    
43. <li><a href="forum.php?mod=forumdisplay&fid=79" title="休闲灌水"><span>08#:</span>休闲灌水
    
44. 
    
45. </a></li>
    
46. <li><a href="forum.php?mod=forumdisplay&fid=80" title="影视娱乐"><span>09#:</span>影视娱乐
    
47. 
    
48. </a></li>
    
49. <li><a href="forum.php?mod=forumdisplay&fid=81" title="妆模做样"><span>10#:</span>妆模做样
    
50. 
    
51. </a></li>
    
52. <li><a href="forum.php?mod=forumdisplay&fid=82" title="美图贴吧"><span>11#:</span>美图贴吧
    
53. 
    
54. </a></li>
    
55. <li><a href="forum.php?mod=forumdisplay&fid=83" title="美食烹饪"><span>12#:</span>美食烹饪
    
56. 
    
57. </a></li>
    
58. <li><a href="forum.php?mod=forumdisplay&fid=84" title="原创文学"><span>13#:</span>原创文学
    
59. 
    
60. </a></li>
    
61. <li><a href="forum.php?mod=forumdisplay&fid=87" title="情迷星座"><span>14#:</span>情迷星座
    
62. 
    
63. </a></li>
    
64. <li><a href="forum.php?mod=forumdisplay&fid=88" title="笑话连篇"><span>15#:</span>笑话连篇
    
65. 
    
66. 
    
67. </a></li>
    
68. <li><a href="forum.php?mod=forumdisplay&fid=85" title="打工他乡"><span>17#:</span>打工他乡
    
69. 
    
70. </a></li>
    
71. <li><a href="forum.php?mod=forumdisplay&fid=86" title="创业之路"><span>18#:</span>创业之路
    
72. 
    
73. </a></li>
    
74. <li><a href="forum.php?mod=forumdisplay&fid=2" title="新人报道><span>19#:</span>新人报道
    
75. 
    
76. </a></li>
    
77. <li><a href="forum.php?mod=forumdisplay&fid=36" title="网站管理"><span>20#:</span>网站管理
    
78. 
    
79. </a></li>
    
80. </UL></DIV></DIV>

复制代码

只要修改后面的版块ID就可以了 ，在更换下名称，就可以使用了。