折腾的化龙巷二级导航【增强版】

南阳网修改别人的化龙巷，本来还有一些增强的问题，目前一切OK

演示地址：http://www.uponny.com（二级导航）

代码：

1. <STYLE type="text/css">
   
2. .wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{ background:url(http://bbs.uponny.com/static/image/common/gif.gif) no-repeat;}
   
3. .wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
   
4. .wapNote a {color:#ff6600;}
   
5. .wapNote a:hover {text-decoration:underline;}
   
6. 
   
7. #colNav4t { height:58px; padding:1px; _margin-top:5px;
   
8. margin-bottom:5px; color:#325E7F;
   
9. font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}
   
10. 
    
11. .colNav4t { background:#F6F6F6;}
    
12. .colNav4t a { color:#325E7F;}
    
13. .colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
    
14. .colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
    
15. .colNav4t dl.navLife { width:260px;}
    
16. .colNav4t dl.navTalk { width:180px;}
    
17. .colNav4t dl.navService { width:165px;}
    
18. .colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4575CD; padding-top:25px;
    
19. background-position:-589px -55px;}
    
20. .colNav4t dl.navLife dt { background-position:-620px -53px;}
    
21. .colNav4t dl.navTalk dt { background-position:-651px -53px;}
    
22. .colNav4t dl.navService dt { background-position:-681px -55px;}
    
23. .colNav4t dd { margin-left:30px;}
    
24. .colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
    
25. .colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
    
26. .colNav4t dd a span { position:relative; z-index:0; right:-2px; padding:0 7px 0 5px;padding-top:1px9;height:22px;line-height:22px;*cursor:pointer;}
    
27. 
    
28. .colNav4t dd a:hover { text-decoration:none; color:#FFFFFF;}
    
29. .colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
    
30. .colNav4t dd a:hover span { background-position:100% -153px;}
    
31. 
    
32. .colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
    
33. .colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
    
34. .colNav4t dl p { display:none; margin-top:5px; _margin-top:7px; padding:0 7px 5px 4px; border:1px solid #DDD; border-top:none; background:#FFF;}
    
35. .colNav4t dl.moreOn { background-color:#FFF;}
    
36. .colNav4t dl.moreOn em { display:none;}
    
37. .STYLE2 {font-weight: bold}
    
38. </style>
    
39. <div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping">
    
40. <dt class="navAd"><strong>视窗</strong></dt><dd>
    
41. <a target="_blank" href="http://www.uponny.com/news/nanyang/"><span>南阳新闻</span></a>
    
42. <a target="_blank" href="http://www.uponny.com/news/guonei/"><span>国内新闻</span></a>
    
43. <a target="_blank" href="http://www.uponny.com/news/guoji/"><span>国际新闻</span></a>
    
44. <a target="_blank" href="http://www.uponny.com/qiche/"><span>汽车数码</span></a>
    
45. <a target="_blank" href="http://www.uponny.com/hunjia/"><span>婚嫁母婴</span></a>
    
46. <a target="_blank" href="http://zt.uponny.com/"><span>专题专栏</span></a></dd>
    
47. </dl>
    
48. <dl class="navLife">
    
49.   <dt class="STYLE2"><strong>女性</strong></dt><dd>
    
50. <a target="_blank" href="http://www.uponny.com/nvxing/meirong/"><span>美容美发</span></a>
    
51. <a target="_blank" href="http://www.uponny.com/nvxing/shishang/"><span>时尚购物</span></a>
    
52. <a target="_blank" href="http://www.uponny.com/nvxing/fushi/"><span>服饰养生</span></a>
    
53. <a target="_blank" href="http://www.uponny.com/nvxing/xingzuo/"><span>星座物语</span></a>
    
54. <a target="_blank" href="http://www.uponny.com/nvxing/qgsl/"><span>情感沙龙</span></a>
    
55. <a target="_blank" href="http://www.uponny.com/nvxing/tuku/"><span>图库专题</span></a></dd>
    
56. </dl>
    
57. <dl class="navTalk">
    
58. <dt><strong>社区</strong></dt><dd>
    
59. <a target="_blank" href="http://www.uponny.com/house.php"><span>房产信息</span></a>
    
60. <a target="_blank" href="http://www.uponny.com/v.html"><span>视频音乐</span></a>
    
61. <a target="_blank" href="http://bbs.uponny.com/userapp.php"><span>社区游戏</span></a>
    
62. 
    
63. <a target="_blank" href="http://www.uponny.com/plugin.php?id=sjxj_bbx:sjxj_bbx"><span>便民工具</span></a>
    
64. </dd>
    
65. </dl>
    
66. <dl class="navService">
    
67. <dt><strong>兴趣</strong></dt><dd>
    
68. <a target="_blank" href="http://www.uponny.com/plugin.php?id=dsu_paulsign:sign"><span>签到</span></a>
    
69. <a target="_blank" href="http://www.uponny.com/home.php?mod=space&do=blog"><span>日志</span></a>
    
70. <a target="_blank" href="http://bbs.uponny.com/forum.php?mod=guide"><span>导读</span></a>
    
71. <a target="_blank" href="http://www.uponny.com/home.php?mod=magic"><span>道具</span></a>
    
72. <a target="_blank" href="http://www.uponny.com/home.php?mod=task"><span>任务</span></a>
    
73. <a target="_blank" href="http://www.uponny.com/home.php?mod=medal"><span>勋章</span></a>
    
74. </dd>
    
75. </dl></div>
    
76. </div>

复制代码

没图片演示。

广告 发表于 2012-10-9 16:52
没图片演示。

不舍的送上一个IP啊！

不错，收藏先

a475305268 发表于 2012-10-9 17:29
没有图片的吗？？

我网站目前使用的就是，我没有截图

说的好！

这个不错~先支持一个~

zhzh8015 发表于 2012-10-11 11:06
这个不错~先支持一个~

多谢支持！

我发布的教程还挺多人盗用呢