简洁清新二级导航（DX2.0）

适用版本：DX2.0
演示地址：http://www.020tx.com
修改文件：common.css（修改前请做好备份）

注：此修改并不能算是个插件，也并不是原创，欢迎大家使用~




添加二级导航方法：
1、在common.css中添加以下css代码：

1. /* 二级导航 */
   
2. .bbsnav{
   
3.         margin-bottom:5px;
   
4.         float: left;
   
5.         background-image: url({IMGDIR}/navbg.png);
   
6.         background-repeat: no-repeat;
   
7.         height: 65px;
   
8.         width: 960px;
   
9. }
   
10. .bbsnav ul{padding:3px 4px 3px 4px;background-position:left bottom;margin-right:4px;}
    
11. .bbsnav li{
    
12.         height:22px;
    
13.         line-height:22px;
    
14.         margin-left:-4px;
    
15.         _display:inline;
    
16.         background-image: url({IMGDIR}/nav_line2.png);
    
17.         background-repeat: no-repeat;
    
18.         background-position: left 4px;
    
19.         float: left;
    
20.         padding-top: 0;
    
21.         padding-right: 9px;
    
22.         padding-bottom: 0;
    
23.         padding-left: 10px;
    
24.         font-size: 14px;
    
25.         margin-top: 5px;
    
26.         display: inline;
    
27. }
    
28. .bbsnav li a{
    
29.         background-image: url({IMGDIR}/navBcur2.png);
    
30.         background-repeat: no-repeat;
    
31.         background-position: right 22px;
    
32. }
    
33. 
    
34. .bbsnav li a span{
    
35.         display:block;
    
36.         background-image: url({IMGDIR}/navBcur2.png);
    
37.         background-repeat: no-repeat;
    
38.         background-position: left -22px;
    
39.         padding-top: 0;
    
40.         padding-right: 6px;
    
41.         padding-bottom: 0;
    
42.         padding-left: 17px;
    
43. }
    
44. .bbsnav li a:hover{text-decoration:none;color:#33;}
    
45. .bbsnav li a:hover span{
    
46.         background-position:left 0;
    
47. }

复制代码

2、进入后台－运营－站点广告，选择“广告列表 - 全局 页头二级导航栏广告”，在最下方广告html代码处添加以下代码：
（注：里面的文字及链接需根据自己的站点更改）

1. <div class="bbsnav">
   
2. <ul>
   
3. <li><a href="forum.php?mod=forumdisplay&fid=129" ><span><font color="#FF0000">棠下茶座</font></span></a></li>
   
4. <li><a href="forum.php?mod=forumdisplay&fid=2" ><span>聊天八卦</span></a></li>
   
5. <li><a href="forum.php?mod=forumdisplay&fid=55" ><span>互助中心</span></a></li>
   
6. <li><a href="forum.php?mod=forumdisplay&fid=42" ><span><font color="#FF0000">棠下美食</font></span></a></li>
   
7. <li><a href="forum.php?mod=forumdisplay&fid=51" ><span>我行我摄</span></a></li>
   
8. <li><a href="forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=64" ><span><font color="#0000FF">网友相册</font></span></a></li>
   
9. <li><a href="forum.php?mod=forumdisplay&fid=44" ><span>情感天空</span></a></li>
   
10. <li><a href="forum.php?mod=forumdisplay&fid=54" ><span>淘男淘女</span></a></li>
    
11. <li><a href="forum.php?mod=forumdisplay&fid=141" ><span>谈婚论嫁</span></a></li>
    
12. <li><a href="forum.php?mod=forumdisplay&fid=53" ><span>上班一族</span></a></li>
    
13. <li><a href="forum.php?mod=forumdisplay&fid=50" ><span>我爱电影</span></a></li>
    
14. <li><a href="forum.php?mod=forumdisplay&fid=123" ><span>房屋租售</span></a></li>
    
15. <li><a href="forum.php?mod=forumdisplay&fid=147" ><span>家居装修</span></a></li>
    
16. <li><a href="forum.php?mod=forumdisplay&fid=40" ><span>求职招聘</span></a></li>
    
17. <li><a href="forum.php?mod=forumdisplay&fid=124" ><span>二手市场</span></a></li>
    
18. <li><a href="forum.php?mod=forumdisplay&fid=46" ><span>服务大厅</span></a></li>
    
19. <li><a href="forum.php?mod=forumdisplay&fid=120" ><span>网友活动</span></a></li>
    
20. <li><a href="plugin.php?id=auction" ><span><font color="#0000FF">金币竞拍</font></span></a></li>
    
21. <li><a href="userapp.php" ><span>玩玩游戏</span></a></li>
    
22. <li><a href="plugin.php?id=dsu_paulsign:sign" ><span><font color="#0000FF">每日签到</font></span></a></li>
    
23. </ul>
    
24. </div>

复制代码

3、上传修改好的common.css覆盖原来的文件，同时将附件图片上传至static/image/common目录下。


4、进入后台更新缓存即可。

信息港，最新的商机信息网！
http://www.35cu.com

{:soso__12372278786029755658_2:}

还不错额 顶下 www.7cov.com

谢谢分享

我要收藏了