赠送超级精美的二级坛导航，适用于X1.5,X2.X2.5

PS:达州生活网www.dazhou.cc提供，来源网络，谁是作者，改来改去，也不知道啦。谢谢前辈。
有同学说，会错位，经测试，IE6789都不会错位，会错位，是因为，CSS没有定义上，新建个个CSS，代码如下：
自己可以看懂的，直接参考：http://www.dazhou.cc/template/default/skin/head3.css

1. .topmenu {
   
2.         MARGIN: 0px auto; WIDTH: 950px; CLEAR: both; FONT-SIZE: 12px;height:54px;
   
3. }
   
4. .topmenu DT {
   
5.         TEXT-ALIGN: center; WIDTH: 46px; DISPLAY: inline; FLOAT: left; HEIGHT: 54px; OVERFLOW: hidden
   
6. }
   
7. .topmenu DD {
   
8.         BACKGROUND: url(http://www.dazhou.cc/template/images/img2/menu_bg.jpg) repeat-x; FLOAT: left; HEIGHT: 54px; FONT-SIZE: 12px
   
9. }
   
10. .topmenu DD A {
    
11.         PADDING-LEFT: 5px; PADDING-RIGHT: 5px
    
12. }
    
13. .topmenu DD SPAN {
    
14.         WIDTH: 7px; DISPLAY: block; BACKGROUND: url(http://www.dazhou.cc/template/images/img2/menu_right.jpg) no-repeat; FLOAT: right; HEIGHT: 54px; MARGIN-RIGHT: -2px
    
15. }
    
16. .news DD {
    
17.         WIDTH: 132px; DISPLAY: inline; line-height:20px;
    
18. }
    
19. .news DD A{
    
20.         color:#333333;
    
21. }
    
22. .news DD A:hover{
    
23.         color:#cc0069; text-decoration:none;
    
24. }
    
25. .news DL {
    
26.         DISPLAY: block; OVERFLOW: hidden
    
27. }
    
28. .topmenu DD DIV {
    
29.         POSITION: relative; MARGIN-TOP: 7px; PADDING-LEFT: 2px; DISPLAY: block; WHITE-SPACE: nowrap
    
30. }
    
31. .topmenu A:hover {
    
32.         TEXT-DECORATION: none
    
33. }
    
34. .topmenu .fix_p {
    
35.         POSITION: absolute; WIDTH: 21px; HEIGHT: 10px; TOP: -11px; LEFT: 87px
    
36. }
    
37. .topmenu .fix_b {
    
38.         POSITION: absolute; WIDTH: 21px; HEIGHT: 10px; TOP: -11px; LEFT: 52px
    
39. }
    
40. .live DD {
    
41.         WIDTH: 162px; DISPLAY: inline; line-height:20px;
    
42. }
    
43. .live DD A{
    
44.         color:#333333;
    
45. }
    
46. 
    
47. .live DT {
    
48.         WIDTH: 45px; MARGIN-LEFT: 10px
    
49. }
    
50. .house DD {
    
51.         WIDTH: 105px; DISPLAY: inline; line-height:20px;
    
52. }
    
53. .house DD A{
    
54.         color:#333333;
    
55. }
    
56. .house DD A:hover{
    
57.         color:#cc0069; text-decoration:none;
    
58. }
    
59. .house DT {
    
60.         WIDTH: 45px; MARGIN-LEFT: 10px
    
61. }
    
62. .gear DD {
    
63.         WIDTH: 83px; DISPLAY: inline; line-height:20px;
    
64. }
    
65. .gear DT {
    
66.         WIDTH: 45px; MARGIN-LEFT: 10px
    
67. }
    
68. .bbs_nav DD {
    
69.         WIDTH: 130px; DISPLAY: inline; line-height:20px;
    
70. }
    
71. .bbs_nav DD A{
    
72.         color:#333333;
    
73. }
    
74. .bbs_nav DD A:hover{
    
75.         color:#cc0069; text-decoration:none;
    
76. }
    
77. .bbs_nav DT {
    
78.         WIDTH: 45px; MARGIN-LEFT: 10px
    
79. }
    
80. 
    
81. 
    
82. 
    
83. 
    
84. 
    
85. .zonghe DD {
    
86.         WIDTH: 155px; DISPLAY: inline; line-height:20px;
    
87. }
    
88. .zonghe DD A{
    
89.         color:#333333;
    
90. }
    
91. .zonghe DD A:hover{
    
92.         color:#cc0069; text-decoration:none;
    
93. }
    
94. .zonghe DT {
    
95.         WIDTH: 45px; MARGIN-LEFT: 10px
    
96. }
    
97. .sTxtFB {
    
98.         display:block;
    
99.         line-height:15px;
    
100.         text-align:center;
     
101.         padding:0 4px;
     
102.         cursor:pointer;
     
103. }
     
104. .sTxtFB strong {
     
105.         display:block;
     
106. }
     
107. #expFB {
     
108.         z-index:999;
     
109.         background:#fff;
     
110.         font-size:12px;
     
111.         position:fixed;
     
112.         _position:absolute;
     
113.         left:50%;
     
114.         top:50%;
     
115. s_top:expression(documentElement.scrollTop+(documentElement.clientHeight/2));
     
116.         margin:-242px 0 0 -240px;
     
117.         border:1px solid #666;
     
118.         height:450px;
     
119.         overflow:hidden;
     
120.         line-height:22px;
     
121.         width:480px;
     
122.         font-style:normal;
     
123.         visibility:hidden;
     
124. 
     
125. }
     
126. #expFB .th {
     
127.         background:url(bg1.png) repeat-x;
     
128.         height:31px;
     
129.         overflow:hidden;
     
130.         padding:0 10px;
     
131.         font-size:14px;
     
132.         line-height:31px;
     
133. }
     
134. #expFB .close {
     
135.         background:url(showBg.png) no-repeat 0 -29px;
     
136.         cursor:pointer;
     
137.         display:block;
     
138.         height:20px;
     
139.         margin:4px 0 0;
     
140.         width:20px;
     
141.         overflow:hidden;
     
142.         text-indent:-999px;
     
143. }
     
144. #expFB .close:hover {
     
145.         background-position:-19px -29px;
     
146. }
     
147. #expFB .close:active {
     
148.         background-position:-38px -29px;
     
149. }
     
150. #expFB .dTxt {
     
151.         margin:0 10px;
     
152.         border-top:1px dashed #ccc;
     
153.         padding:15px 0;
     
154. }
     
155. #expFB iframe {
     
156.         width:100%;
     
157.         height:360px;
     
158. }
     
159. #expFB .mark {
     
160.         height:100%;
     
161.         float:left;
     
162.         font-weight:bold;
     
163.         color:#cc0000;
     
164. }
     
165. #expFB .subMark {
     
166.         height:100%;
     
167.         float:right;
     
168. }
     
169. #mask111{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#ccc; filter:ALPHA(opacity=50); z-index:1; visibility:hidden}
     
170. 
     
171. 
     
172. #top_ad{
     
173.         width:950px;
     
174.         overflow:hidden;
     
175.         margin-left:auto;
     
176.         margin-right:auto;
     
177.         height:60px;
     
178.         padding-top:3px;
     
179. }
     
180. #top_ad #left {
     
181.         float:left;
     
182.         width:160px;
     
183. }
     
184. #top_ad #left ul {
     
185.         margin:5px;
     
186. }
     
187. #top_ad #left li {
     
188.         float:left;
     
189.         width:100%;
     
190.         line-height:21px;
     
191. }
     
192. #top_ad #ad_img1 {
     
193.         float:left;
     
194.         width:234px;
     
195. 
     
196. }
     
197. #top_ad #ad_imgl {
     
198.         float:left;
     
199.         width:234px;
     
200.         margin-left:6px;
     
201. }
     
202. #top_ad #ad_imgr {
     
203.         float:left;
     
204.         width:234px;
     
205.         margin-left:6px;
     
206. }
     
207. #top_ad #ad_img3 {
     
208.         float:right;
     
209.         width:234px;
     
210.         margin-left:2px;
     
211. margin-right:-4px;
     
212. }
     
213. #top_ad #right {
     
214.         float:left;
     
215.         width:170px;
     
216. }
     
217. #top_ad #right ul {
     
218.         margin:5px;
     
219. }
     
220. #top_ad #right li {
     
221.         float:left;
     
222.         width:100%;
     
223.         line-height:21px;
     
224. }
     
225. 
     
226. #new {
     
227.         float:left;
     
228.         width:640px;
     
229.         _width:640px;
     
230. }
     
231. #new #tit {
     
232.         margin-left:10px;
     
233.         _margin-left:2px;
     
234.         width:641px;
     
235.         height:27px;
     
236.         line-height:27px;
     
237.         text-indent:10px;
     
238.         background:url(/img2/new_tit_bg2.gif);
     
239. }
     
240. #new #bod {
     
241.         float:left;
     
242.         margin-left:10px;
     
243.         _margin-left:1px;
     
244.         width:639px;
     
245.         height:300px;
     
246.         overflow:hidden;
     
247.         border-left:1px solid #a1c6ec;
     
248.         border-right:1px solid #a1c6ec;
     
249.         border-bottom:1px solid #a1c6ec;
     
250. }
     
251. #new #bod #left {
     
252.         width:270px;
     
253.         padding-bottom:10px;
     
254.         float:left;
     
255. }
     
256. #new #bod #left .img_line {
     
257.         width:266px;
     
258.         float:right;
     
259.         margin-top:3px;
     
260.         margin-left:3px;
     
261. }
     
262. #new #bod #left .npx {
     
263.         width:134px;
     
264.         float:right;
     
265. }
     
266. #new #bod #left .txt {
     
267.         line-height:25px;
     
268.         text-align:center;
     
269.         height:25px;
     
270.         overflow:hidden;
     
271. }
     
272. #new #bod ul {
     
273.         float:right;
     
274.         width:375px;
     
275.         height:195px;
     
276.         overflow:hidden;
     
277.         margin-top:10px;
     
278.         margin-bottom:5px;
     
279. }
     
280. #new #bod .newli {
     
281.         font-size:14px;
     
282.         line-height:20px;
     
283.         width:350px;
     
284.         float:left;
     
285.         margin-top:3px;
     
286.         overflow:hidden;
     
287.         height:20px;
     
288.         padding-left:8px;
     
289. }
     
290. #new #bod .newli A:link {
     
291.         COLOR: #2b2b2b; TEXT-DECORATION: none
     
292. }
     
293. #new #bod .newli A:hover {
     
294.         COLOR: #cc0069; TEXT-DECORATION: none
     
295. }
     
296. #new #bod .newli A:visited {
     
297.         COLOR: #2b2b2b; TEXT-DECORATION: none
     
298. }
     
299. #new #bod .newli A:active {
     
300.         COLOR: #2b2b2b; TEXT-DECORATION: none
     
301. }
     
302. #new #bod .newli span {
     
303.         font-size:12px;
     
304.         color:#ff6600;
     
305.         padding-left:8px;
     
306. }
     
307. #new #bod .newone {
     
308.         margin-top:5px;
     
309.         font-size:16px;
     
310.         line-height:40px;
     
311.         width:327px;
     
312.         text-align:center;
     
313.         overflow:hidden;
     
314.         height:40px;
     
315.         border-bottom:1px #CCCCCC dotted
     
316. }
     
317. #new #ad_new {
     
318.         width:330px;
     
319.         float:left;
     
320. }
     
321. 
     
322. 
     
323. 
     
324. .bod_yy {
     
325.         background-repeat: repeat-y;
     
326.         overflow:hidden;
     
327.         margin-left:auto;
     
328.         margin-right:auto;
     
329. }
     
330. .lcBox {
     
331.         text-align:left;
     
332. }

复制代码

（如果不会的同学，先自己试下，再不会，图片，自己保存下。联系我：http://www.dazhou.cc  达州生活网  QQ7026063）
在后台，广告管理里添加二级导航，代码如下：

1. <!--导航-->
   
2. <DIV class=bod_yy>
   
3. <DIV class=topmenu>
   
4. <DL class=news>
   
5.   <DT><A ><IMG src="http://www.dazhou.cc/template/images/img2/news.jpg"></A> </DT>
   
6.   <DD><SPAN></SPAN>
   
7.     <DIV><A >资讯频道</A><A >公益</A><A >访谈</A>
   
8. <A ><FONT color=#cc0000>生活信息</FONT></A><A >公告</A><A >二手</A></DIV></DD></DL>
   
9. <DL class=live>
   
10.   <DT><A ><IMG src="http://www.dazhou.cc/template/images/img2/house.jpg"></A> </DT>
    
11.   <DD><SPAN></SPAN>
    
12.   <DIV><A ><FONT color=red>找租房</FONT></A><A >找楼盘</A><A ><FONT color=#ff0000>找二手房</FONT></A>
    
13. <A ><FONT color=blue>找中介</FONT></A><A >查小区</A><A >求租求购</A></DIV></DD></DL>
    
14. <DL class=house>
    
15.   <DT><A ><IMG src="http://www.dazhou.cc/template/images/img2/job.jpg"></A> </DT>
    
16.   <DD><SPAN></SPAN>
    
17.   <DIV>
    
18.   <DIV class=fix_p><IMG src="http://www.dazhou.cc/template/images/img2/new_icop.gif"></DIV><A >找工作</A><A ><FONT color=#ff0000>投简历</FONT></A>
    
19. <A >找人才</A><A >发职位</A></DIV></DD></DL>
    
20. <DL class=bbs_nav>
    
21.   <DT><A  ><IMG src="http://www.dazhou.cc/template/images/img2/shop.jpg"></A></DT>
    
22.   <DD><SPAN></SPAN>
    
23.   <DIV>
    
24.   <DIV class=fix_b><IMG src="http://www.dazhou.cc/template/images/img2/new_icop.gif"></DIV><A class=red_f ><FONT color=#ff0000>口碑商家</FONT></A><A >同城购物</A>
    
25. <A class=red_f >商家入驻</A><A >达州团购</A></DIV></DD></DL>
    
26.   <DL class=zonghe>
    
27.   <DT><A  target="_blank" ><IMG src="http://www.dazhou.cc/template/images/img2/zonghe.jpg"></A></DT>
    
28.   <DD><SPAN></SPAN>
    
29.   <DIV>
    
30.   <A class=red_f  target="_blank" ><FONT color=#ff0000>达州社区</FONT></A><A >看电视</A><A >找黄页</A>
    
31. 
    
32.   <A class=red_f  >视频展播</A><A >看相册</A><A  >听音乐</A></DIV></DD></DL>  </DIV>
    
33. </DIV>
    

复制代码

CSS，多复制了些，没关系的，自己去除了哦……晕晕晕。

真的挺不错的啊！
全讯网 http://www.7123.com

很不错的说。。。

谢谢二楼支持

谢谢分享~~~~~~{:soso_e121:}