仿贵港七天网，论坛二级导航分享

仿贵港七天网，论坛二级导航分享。

这个导航还是很不错的，仿贵港七天网，论坛二级导航分享



演示地址：http://www.0713.co/

首先在CSS模板样式里最后面加入以下代码：

1. /*-----通用新二级导航---by 53471.com-- */
   
2. .cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.cf{*height:1%;}
   
3. .colNav dl,.colNav dt,.colNav dd a:hover,.colNav dd a:hover span,.colNav dl div em{background:url(static/image/common/2s.png) no-repeat;}
   
4. #colNav{border:1px solid #E2E2E2;padding:1px;border-top-color:#9F9F9F;color:#325E7F;font:14px/1.5 Tahoma,Helvetica,Arial,"\5b8b\4f53";border-top:0;}
   
5. .colNav{background:#F6F6F6;}
   
6. .colNav a{color:#325E7F;}
   
7. .colNav dl{float:left;position:relative;z-index:1;padding:8px 8px 3px 14px;height:48px;background-position:-223px -38px;}
   
8. .colNav dl.navShopping{width:300px;}
   
9. .colNav dl.navLife{width:215px;}
   
10. .colNav dl.navTalk{width:243px;padding-left:6px;background:none;}
    
11. .colNav dl.navService{width:118px;}
    
12. .colNav dt{float:left;width:28px;margin-top:1px;text-align:center;font-size:12px;color:#3D7FB1;padding-top:25px;background-position:-31px 0;}
    
13. .colNav dl.navLife dt{background-position:0 0;}
    
14. .colNav dl.navTalk dt{background-position:-60px 0;}
    
15. .colNav dl.navService dt{background-position:-91px 0;}
    
16. .colNav dd{margin-left:30px;}
    
17. .colNav dd a,.colNav dd a span{display:inline-block;zoom:1;*display:inline;}
    
18. .colNav dd a{margin-bottom:2px;margin-right:2px;font-size:14px;}
    
19. .colNav dd a span{position:relative;z-index:0;right:-2px;padding:0 7px 0 5px;padding-top:1px\9;height:22px;line-height:22px;*cursor:pointer;}
    
20. .colNav dd a:hover{text-decoration:none;color:#FF6C00;}
    
21. .colNav dd a:hover,.colNav dd a:hover span{background-position:-382px 0;}
    
22. .colNav dd a:hover span{background-position:100% 0;}
    
23. .colNav dl div{position:absolute;right:-12px;top:55px;width:113px;}
    
24. .colNav dl div em{position:absolute;top:-8px;_top:-4px;right:14px;width:8px;height:8px;overflow:hidden;background-position:-232px -19px;}
    
25. .colNav dl p{display:none;margin-top:5px;_margin-top:7px;padding:0 7px 5px 4px;border:1px solid #DDD;border-top:none;background:#FFF;}
    
26. .colNav dl.moreOn{background-color:#FFF;}
    
27. .colNav dl.moreOn em{display:none;}

复制代码

然后上传附件里的图片至：

static/image/common/2s.png

最后一步，去后台，增加二级导航广告代码如下：

1. <div class="colNav cf">
   
2. <dl class="navTalk">
   
3. <dt>杂谈</dt>
   
4. <dd><a href="http://www.0713.co/f-37-1.html" target="_blank"><span>贵港说吧</span>
   
5. </a><a href="#" target="_blank"><span>真人秀</span>
   
6. </a><a href="http://www.0713.co/f-75-1.html" target="_blank"><span>摄影</span>
   
7. </a><a href="http://www.0713.co/f-104-1.html" target="_blank"><span>驴友</span>
   
8. </a><a href="http://www.0713.co/f-96-1.html" target="_blank"><span>网友互助</span>
   
9. </a><a href="http://www.0713.co/f-74-1.html" target="_blank"><span>大杂烩</span>
   
10. </a><a href="#" target="_blank"><span>宠物</span>
    
11. </a><a href="http://www.0713.co/f-39-1.html" target="_blank"><span>情感</span></a></dd>
    
12. </dl>
    
13. <dl class="navShopping">
    
14. <dt>生活</dt>
    
15. <dd><a href="http://www.0713.co/f-101-1.html" target="_blank"><span>食字军</span>
    
16. </a><a href="http://www.0713.co/f-39-1.html" target="_blank"><span>谈婚论嫁</span>
    
17. </a><a href="http://www.0713.co/f.php?gid=53" target="_blank"><span>我要买房</span>
    
18. </a><a href="http://www.0713.co/f-56-1.html" target="_blank"><span>业主小区</span>
    
19. </a><a href="http://www.0713.co/f-64-1.html" target="_blank"><span>车友会</span>
    
20. </a><a href="http://www.0713.co/f-73-1.html" target="_blank"><span>亲子家园</span>
    
21. </a><a href="http://www.0713.co/f-55-1.html" target="_blank"><span>家居装饰</span>
    
22. </a><a href="http://www.0713.co/f-54-1.html" target="_blank"><span>楼市快递</span></a></dd>
    
23. </dl>
    
24. <dl class="navLife">
    
25. <dt>商街</dt>
    
26. <dd><a href="http://www.dgy3.com/street.php?catid=1" target="_blank"><span>家居街</span>
    
27. </a><a href="http://www.dgy3.com/street.php?catid=8" target="_blank"><span>婚嫁街</span>
    
28. </a><a href="http://www.dgy3.com/street.php?catid=10" target="_blank"><span>女人街</span>
    
29. </a><a href="http://www.dgy3.com/street.php?catid=11" target="_blank"><span>美食街</span>
    
30. </a><a href="http://www.dgy3.com/street.php?catid=12" target="_blank"><span>亲子街</span>
    
31. </a><a href="http://www.dgy3.com/street.php?catid=13" target="_blank"><span>数码街</span>
    
32. </a></dd>
    
33. </dl>
    
34. <dl class="navService">
    
35. <dt>服务</dt>
    
36. <dd><a href="http://www.53471.com/bbs/f-67-1.html" target="_blank"><span>租房</span>
    
37. </a><a href="http://www.53471.com/bbs/f-66-1.html" target="_blank"><span>求职</span>
    
38. </a><a href="http://www.53471.com/bbs/f-71-1.html" target="_blank"><span>二手</span>
    
39. </a><a href="http://www.53471.com/bbs/f-40-1.html" target="_blank"><span>交友</span>
    
40. </a>
    
41. <div>
    
42. <p><a href="http://www.0713.co/f-108-1.html" target="_blank"><span>生活服务</span>
    
43. </a><a href="http://www.0713.co/f-109-1.html" target="_blank"><span>七天网公益</span>
    
44. </a><a href="#" target="_blank"><span>新手上路</span>
    
45. </a><a href="http://www.dgy3.com/plugin.php?id=auction" target="_blank"><span>积分竞拍</span>
    
46. </a><a href="http://www.0713.co/f-97-1.html" target="_blank"><span>版主之家</span>
    
47. </a></p>
    
48. <em></em></div>
    
49. </dd>
    
50. </dl>
    
51. </div>

复制代码

里面的链接自已更改，图片如下：



黄冈论坛    http://www.0713.co/
中国制衣网   http://www.53471.com/bbs/
东莞二手网   http://www.53471.com/blog/

以上站点友情链接，直接PM偶，谢谢大家支持！

亲子工具库，地方论坛可用，很给力，分享下载

黄冈论坛，自用商业风格发布，非免费，求关注！

DX2.0 纯手工DIY广播台，免费提供下载

DX2.0 首页多格，不一样的选择，不一样的效果！此贴必火

东莞二手网，分类信息站，模板优惠出售中！

增加DX论坛浏览人气，一段小代码搞定

贴内显示“附件下载说明” 美化 For X1 X1.5 DX2.0

快速回复中加背景警示图片，FOR DX2.0

DX2.0搜索后面加天气预报，联络我们，客服，收藏，广告等 ...

DZ做的分类信息网站，模板DZ论坛分类站首选，不容错过！

  

您的回复是最大的支持！！

哥  这个 呢  必须顶一下吧  哈哈 演示： 贵港七天网

我来看一下。。。

不错 支持了呢

2279158579

这个必须支持，这个导航大气哦













精彩视频影视在线，尽在TOP影院

支持下，，，http://www.lehou.net