儿童节快乐，免费分享一个超屌的二级导航给大家（首发）

这是我本地测试的图，这个导航简洁大方，非常适合所有站点使用。是仿某个地方社区的，代码有点乱，自己调整一下。

想看演示的点这里：柳州论坛
如下是使用的方法：
1找到：根目录\template\default\common\common.css
打开后在最后末尾处添加如下代码：

1. /*
   
2. 二级导航CSS
   
3. */
   
4. .comiis_sub{background:#fff;overflow:hidden;border:1px solid #dcdacb;border-top:none;border-left:none;border-right:none;padding:2px 0 4px 0}
   
5. .comiis_subs{background:#fff;overflow:hidden;border:1px solid #dcdacb;border-top:none;border-bottom:none;border-left:none;border-right:none;padding:5px 0px 4px
   
6. 
   
7. 13px;font-size:14px;}
   
8. .comiis_subs a{font-size:14px;padding-right:10px;}
   
9. .comiis_subbox{overflow:hidden;width:958px;}
   
10. .comiis_navbox{width:976px;margin-top:5px;overflow:hidden;color:#444444}
    
11. .comiis_navbox li{border-right:0px solid #e8e8e8;float:left;height:24px;line-height:22px;padding:0 2px 0 4px;width:100px;overflow:hidden;}
    
12. .comiis_navbox a{display:block;height:22px;line-height:22px;overflow:hidden;padding-left:9px;width:86px;color:#444444;font-size:14px;border:0px solid #fff;}
    
13. .comiis_navbox a:hover{background:url(http://www.020.com/comiis_020/comiis_ejnavbg.gif) no-repeat center;text-decoration:none;color:#fff;border:0px solid #fead76;}
    
14. .comiis_navbox a span{font-family:Verdana,Arial;font-size:12px;font-weight:100;padding-right:5px;}
    
15. #forum_navkm{clear:both;position:relative;padding-top:29px;margin-top:8px;z-index:1;}
    
16. #forum_navkm .tabkm{position:absolute;top:0;}
    
17. #forum_navkm .tabkm li{position:relative;float:left;margin-right:5px;background:url(http://www.020.com/comiis_020/comiis_fl_on.gif) no-repeat;}
    
18. #forum_navkm .tabkm li a{display:block;width:84px;height:29px;line-height:29px;font-size:14px;color:#666;text-align:center;}
    
19. #forum_navkm .tabkm .selectkm{height:30px;background:url(http://www.020.com/comiis_020/comiis_fl.gif) no-repeat;}
    
20. #forum_navkm .tabkm .selectkm a{line-height:30px;font-size:14px;color:#1f7c9e;font-weight:700;}
    
21. #forum_navkm .categorykm{padding:5px 5px 5px 0;border:1px solid #b1d1e0;overflow:hidden;zoom:1;}
    
22. #forum_navkm .categorykm li{display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin-left:-2px;padding:0 10px;background:url
    
23. 
    
24. (http://www.020.com/comiis_020/comiis_flx.gif) no-repeat 0 6px;}
    
25. #forum_navkm .categorykm li a{padding:0 5px;line-height:22px;color:#1f7c9e;}
    
26. #forum_navkm .categorykm .selectkm a{cursor:default;float:left;height:20px;line-height:20px;font-weight:bold;color:#fff;background:#1f7c9e;text-
    
27. 
    
28. decoration:none;overflow:hidden;}
    
29. #forum_navkm .tabkm .icon_new{position:absolute;top:-5px;right:-5px;width:23px;height:0;padding-top:11px;background-position:0 -2592px;overflow:hidden;}
    
30. #forum_navkm .categorys{background:#b1d1e0;overflow:hidden;zoom:1;color:#b1d1e0;height:1px;overflow:hidden;}

复制代码

然后到后台运营-----广告----页面二级导航广告---添加如下代码：

1. <div><div class="comiis_sub">
   
2. 
   
3. <div class="comiis_subbox">
   
4. 
   
5. <ul class="comiis_navbox">
   
6. 
   
7. <li><a href="/marry"  style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>01</span>羊城婚嫁 </a></li>
   
8. 
   
9. <li><a href="/forum.php?gid=116"><span>02</span>亲子乐园</a></li>
   
10. 
    
11.         <li><a href="/forum-34-1.html"><span>03</span>征婚交友</a></li>
    
12. 
    
13. <li><a href="/forum-33-1.html"  style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>04</span>羊城茶座 </a></li>
    
14. 
    
15. <li><a href="/forum-67-1.html"><span>05</span>娱乐吹水</a></li>
    
16. 
    
17. <li><a href="/forum-69-1.html"><span>06</span>特价打折</a></li>
    
18. 
    
19. <li><a href="/forum-53-1.html"  style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>07</span>摄影之家 </a></li>   
    
20. 
    
21. <li><a href="/forum-100-1.html"><span>08</span>羊城拍客</a></li>
    
22. 
    
23. <li><a href="/forum-145-1.html"><span>09</span>慈善公益</a></li>
    
24. 
    
25.            <li><a href="/forum-7-1.html" style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>10</span>食在广州 </a></li>
    
26. 
    
27.     <li><a href="/forum-17-1.html" target="_blank"><span>11</span>房产家居</a></li>
    
28. 
    
29.     <li><a href="/forum-62-1.html"><span>12</span>拉风汽车</a></li>
    
30. 
    
31.     <li><a href="/forum-111-1.html" style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>13</span>活动聚会 </a></li>
    
32. 
    
33.     <li><a href="/forum-63-1.html"><span>14</span>体育户外</a></li>
    
34. 
    
35.     <li><a href="/forum-58-1.html"><span>15</span>情感天空</a></li>
    
36. 
    
37.     <li><a href="/forum-130-1.html" style="color: rgb(243, 124, 24);" onmouseover="this.style.color='#fff';" onmouseout="this.style.color='#F37C18';"><span>16</span>我型我秀 </a></li>
    
38. 
    
39.     <li><a href="/forum-70-1.html"><span>17</span>影视音乐</a></li>
    
40. 
    
41.     <li><a href="/forum-57-1.html"><span>18</span>网友中心</a></li>
    
42. 
    
43.    </ul>
    
44. 
    
45. <div style="clear:both;"></div>
    
46. 
    
47. </div></div>
    
48. 
    
49. <div class="comiis_subs">
    
50. 
    
51. <font color="#F37C18">生活服务:</font></a> <a href="http://www.020.com/tool/tianqi.html" target=_blank><font color="#7bb544">广州天气</font></a><a href="http://t.020.com/" target=_blank>广州团购</a><a href="http://www.020.com/service.php?mod=ditie" target=_blank>广州地铁</a><a href="http://www.020.com/tool/gongjiao.html" target=_blank>广州公交</a><a href="http://www.020.com/forum-144-1.html" target=_blank><font color="#7bb544">广州租房</font></a><a href="http://www.020.com/forum-23-1.html" target=_blank>招聘求职</a><a href="http://www.020.com/forum-19-1.html" target=_blank>二手交易</a><a href="http://www.020.com/forum-141-1.html" target=_blank><font color="#7bb544">汽车导购</font></a><a href="http://caipiao.020.com" target=_blank>彩票投注</a>
    
52. 
    
53. </div></div>
    

复制代码

不能用html的~