赠送最美观的DZ二级导航 必属精品

演示地址：http://bbs.zxsjz.com   （冀商网社区）
将以下代码插入后台--运营--站点广告--二级导航全局 页头二级导航栏广告 里面添加个广告位，使用代码添加以下代码即可！

1. <style type="text/css">
   
2. <!--
   
3. body {
   
4.         margin-left: 0px;
   
5.         margin-top: 0px;
   
6.         margin-right: 0px;
   
7.         margin-bottom: 0px;
   
8. }
   
9. .haha1 {color: #0099FF}
   
10. .haha2 {color: #CC3333}
    
11. .haha3 {font-size: 12px}
    
12. .haha5 {font-size: 14px; color: #FF0000;}
    
13. -->
    
14. </style>
    
15. <table width="960" border="0" cellpadding="0" cellspacing="0">
    
16.   <tr>
    
17.     <td width="95"><img src="http://bbs.zxsjz.com/template/tubiao/0.gif" width="95" height="29"></td>
    
18.     <td width="113"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/1.gif" width="113" height="29"
    
19. 
    
20. border="0"></a></td>
    
21.     <td width="124"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/2.gif" width="124" height="29"
    
22. 
    
23. border="0"></a></td>
    
24.     <td width="118"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/3.gif" width="118" height="29"
    
25. 
    
26. border="0"></a></td>
    
27.     <td width="124"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/4.gif" width="124" height="29"
    
28. 
    
29. border="0"></a></td>
    
30.     <td width="119"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/5.gif" width="119" height="29" border="0"></a></td>
    
31.     <td width="121"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/6.gif" width="121" height="29" border="0"></a></td>
    
32.     <td width="146"><a  target="_blank"><img src="http://bbs.zxsjz.com/template/tubiao/7.gif" width="146" height="29"
    
33. 
    
34. border="0"></a></td>
    
35.   </tr>
    
36.   <tr align="center" valign="middle">
    
37.     <td colspan="2"><div align="center" class="haha3">
    
38.       <div align="left"><img src="http://bbs.zxsjz.com/template/tubiao/dianhua.gif" width="17" height="17"><span class="haha1">电话：</span>18630128572</div>
    
39.     </div></td>
    
40.     <td><div align="center" class="haha3">
    
41.       <div align="left"><img src="http://bbs.zxsjz.com/template/tubiao/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha1"><a
    
42. 
    
43. target="_blank" class="haha1">75665778</a></div>
    
44.     </div></td>
    
45.      <td><div align="center" class="haha3">
    
46.       <div align="left"><img src="http://bbs.zxsjz.com/template/tubiao/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha2"><a
    
47. 
    
48. target="_blank" class="haha1">9617324</a></span></div>
    
49.     </div></td>
    
50.     <td colspan="2"><div align="center" class="haha3">
    
51.       <div align="left"><img src="http://bbs.zxsjz.com/template/tubiao/email.gif" width="17" height="15"><span class="haha1">邮箱：</span>citytong@163.com</div>
    
52.     </div>      <div align="center" class="haha3"></div></td>
    
53.     <td><div align="center" class="haha3">
    
54.       <div align="left"><img src="http://bbs.zxsjz.com/template/tubiao/shijian.gif" width="17" height="16"><span class="haha1">7*24小时服务</span></div>
    
55.     </div></td>
    
56.     <td><div align="center" class="haha5"><a >投诉信息</a></div></td>
    
57.   </tr>
    
58. </table>
    
59. 
    
60. 
    
61. 
    
62. <STYLE type="text/css">
    
63. .wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{ background:url
    
64. 
    
65. (http://bbs.zxsjz.com/template/tubiao/index_bg.png) no-repeat;}
    
66. .wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
    
67. .wapNote a {color:#ff6600;}
    
68. .wapNote a:hover {text-decoration:underline;}
    
69. 
    
70. #colNav4t { height:58px; padding:1px; _margin-top:5px;
    
71. margin-bottom:5px; color:#325E7F;
    
72. font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}
    
73. 
    
74. .colNav4t { background:#F6F6F6;}
    
75. .colNav4t a { color:#325E7F;}
    
76. .colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
    
77. .colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
    
78. .colNav4t dl.navLife { width:260px;}
    
79. .colNav4t dl.navTalk { width:180px;}
    
80. .colNav4t dl.navService { width:160px;}
    
81. .colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4062B9; padding-top:25px;
    
82. background-position:-589px -55px;}
    
83. .colNav4t dl.navLife dt { background-position:-620px -55px;}
    
84. .colNav4t dl.navTalk dt { background-position:-651px -55px;}
    
85. .colNav4t dl.navService dt { background-position:-681px -55px;}
    
86. .colNav4t dd { margin-left:30px;}
    
87. .colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
    
88. .colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
    
89. .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;}
    
90. 
    
91. .colNav4t dd a:hover { text-decoration:none; color:#FF6C00;}
    
92. .colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
    
93. .colNav4t dd a:hover span { background-position:100% -153px;}
    
94. 
    
95. .colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
    
96. .colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
    
97. .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;}
    
98. .colNav4t dl.moreOn { background-color:#FFF;}
    
99. .colNav4t dl.moreOn em { display:none;}
    
100. </style>
     
101. <div class="a_mu"><style type="text/css">
     
102. #nav_bottom {
     
103. background-image: url;
     
104. height: 59px;
     
105. padding-top:9px;
     
106. width: 960px;
     
107. }
     
108. </style>
     
109. <div id="nav_bottom"><table width="960" border="0" align="center" style="font-size:12px; font-family:宋体;">
     
110. <tbody><tr>
     
111. <td width="10" rowspan="2" style="padding-left:8px;"><img src="http://bbs.zxsjz.com/template/tubiao/menu_zixun.gif" width="29" height="47"></td>
     
112. <td width="170" height="22" valign="top" style="padding-left:10px;"><a  target="_blank">房产</a> | <a  target="_blank">婚嫁</a> |
     
113. 
     
114. <a
     
115. 
     
116. target="_blank">亲子</a> | <a  target="_blank">汽车</a></td>
     
117. <td width="29" rowspan="2"><img src="http://bbs.zxsjz.com/template/tubiao/menu_zixun.gif" width="29" height="47"></td>
     
118. <td width="315" valign="top" style="padding-left:10px;"><a  target="_blank">灌水</a> | <a  target="_blank">民生</a> | <a
     
119. 
     
120. target="_blank">美食</a> | <a  target="_blank">新闻</a> | <a  target="_blank">活动</a> | <a
     
121. 
     
122. target="_blank">游戏</a> | <a  target="_blank">8090</a></td>
     
123. <td width="29" rowspan="2"><img src="http://bbs.zxsjz.com/template/tubiao/menu_kuanpin.gif" width="29" height="47"></td>
     
124. <td width="220" valign="top" style="padding-left:10px;"><a  target="_blank">租房</a> | <a href="forum-82-1.html" target="_blank">买房</a> | <a
     
125. 
     
126. target="_blank">征婚</a> | <a  target="_blank">交友</a> | <a  target="_blank">广告</a></td>
     
127. <td width="29" rowspan="2"><img src="http://bbs.zxsjz.com/template/tubiao/menu_shenghuo.gif" width="29" height="47"></td>
     
128. <td width="130" valign="top" style="padding-left:10px;"><a >空间</a>
     
129. | <a href="#">电影</a> | <a ><font color="red">道具
     
130. </font></a></td>
     
131. </tr>
     
132. <tr>
     
133. <td width="170" style="padding-left:10px;"><a  target="_blank">勋章</a> | <a  
     
134. 
     
135. target="_blank">任务</a> | <a  target="_blank"><font color="#FF3300">商家</font></a> | <a >微博
     
136. 
     
137. </a></td>
     
138. <td width="315" style="padding-left:10px;"><a  target="_blank">知道</a> | <a
     
139. target="_blank">情感</a> | <a  target="_blank">旅游</a> | <a
     
140. 
     
141. target="_blank">校园</a> | <a  target="_blank">摄影</a> | <a
     
142. 
     
143. target="_blank">体育</a> | <a  target="_blank">他乡</a></td>
     
144. <td width="220" style="padding-left:10px;"><a  target="_blank">招聘</a> | <a  
     
145. 
     
146. target="_blank">求职</a> | <a  target="_blank">团购</a> | <a  target="_blank">二手</a> |
     
147. 
     
148. <a  target="_blank">认证</a></td>
     
149. <td width="130" align="center" style="padding-left:6px;"><a >手机</a> | <a >便民</a>
     
150. 
     
151. | <a >音乐</a></td>
     
152. </tr>
     
153. </tbody></table>
     
154. </div>
     
155. </div>
     
156. <embed height="60" width="960" flashvars="bannerWidth=960&bannerHeight=60&bannerSID=http://img.uu1001.cn/x3/2012-01-20/12-09/2012-01-
     
157. 
     
158. 20_0477e4907aa2b6034bc5ddf248141290_4.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=27697677&appSource=default" wmode="transparent" allowscriptaccess="always"
     
159. 
     
160. quality="high" name="27697677" id="27697677" style="" src="http://img.uu1001.cn/bcv3.swf?v=20111012" type="application/x-shockwave-flash"/></embed>

复制代码

相当的不错，支持一下你

的确很美的...

感谢楼主分享！

支持http://www.hbyhdl.com/

宽度有点大了 不过非常不错了

这能叫精品吗？？？

代码呢，忽悠人啊

啥都没有  

没图啊，我看不到图啊