只需四步拥有【南湖网】实用二级导航菜单栏！完整！无错位！很实用！要者进

很多人都不知道图片要放到哪，我再说一下哦
放到根目录下的image文件夹，没有这个文件夹的，新建一个吧

把CSS里的BACKGROUND: url(image/top-dhbj.gif) 改为：BACKGROUND: url(http://你的网址/image/top-dhbj.gif)

至于代码里的有网址，我已经删了，犯不着需要这点IP



支持网站不作演示！！

第一步：快速打开\template\default\common\header.htm文件，
找到：

1. <!--{ad/subnavbanner/a_mu}-->

复制代码

在其上面添加：

1. <DIV class=nav_box >
   
2. <UL class=main>
   
3.   <LI class=navs>
   
4.   <UL>
   
5.     <LI class=navs1>
   
6.    
   
7.     <A title=讲白相 href="/forum-2-1.html" style="color:#5b5b5b" target=_blank>讲白相</A>
   
8.    
   
9.     <A title=哪哈办 href="/forum-45-1.html" style="color:#5b5b5b" target=_blank>哪哈办</A>
   
10.    
    
11.     <A title=美食美客 href="/forum-41-1.html" style="color:#5b5b5b" target=_blank>美食美客</A>
    
12.    
    
13.     <A title=灌水贴图 href="/forum-55-1.html" style="color:#5b5b5b" target=_blank>灌水贴图</A> </LI>
    
14.    
    
15.     <LI class=navs2>
    
16. 
    
17.     <A title=嘉人有约 href="/forum-82-1.html" style="color:#5b5b5b" target=_blank>嘉人有约</A>
    
18.    
    
19.     <A title=优惠打折 href="/forum-51-1.html" style="color:#5b5b5b" target=_blank>优惠打折</A>
    
20.    
    
21.     <A title=谈婚论嫁 href="/forum-75-1.html" style="color:#5b5b5b" target=_blank>谈婚论嫁</A>
    
22.    
    
23.     <A title=风尚达人 href="/forum-44-1.html" style="color:#5b5b5b" target=_blank>风尚达人</A> </LI>
    
24.    
    
25.     <LI class=navs3>
    
26.    
    
27.     <A title=亲子乐园 href="/forum-69-1.html" style="color:#5b5b5b" target=_blank>亲子乐园</A>
    
28.    
    
29.     <A title=居家装修 href="/forum-78-1.html" style="color:#5b5b5b" target=_blank>居家装修</A>
    
30.    
    
31.     <A title=嘉兴房产 href="/forum-79-1.html" style="color:#5b5b5b" target=_blank>嘉兴房产</A>
    
32.    
    
33.     <A title=拉风汽车 href="/forum-81-1.html"style="color:#5b5b5b"  target=_blank>拉风汽车</A> </LI>
    
34.    
    
35.     <LI class=navs4>
    
36.    
    
37.     <A title=跳骚市场 href="/forum-85-1.html" style="color:#5b5b5b" target=_blank>跳蚤市场</A>
    
38.    
    
39.     <A title=房屋租售 href="/forum-83-1.html" style="color:#5b5b5b" target=_blank>房屋租售</A>
    
40.    
    
41.     <A title=招聘求职 href="/forum-84-1.html" style="color:#5b5b5b" target=_blank>招聘求职</A>
    
42.    
    
43.     <A title=招考培训 href="/forum-94-1.html" style="color:#5b5b5b" target=_blank>招考培训</A> </LI>
    
44.    
    
45.     <LI class=navs5>
    
46.    
    
47.     <A title=唠叨教室 href="/forum-52-1.html" style="color:#5b5b5b" target=_blank>唠叨教室</A>
    
48.    
    
49.     <A title=健康生活  href="/forum-60-1.html" style="color:#5b5b5b" target=_blank>健康生活</A>
    
50.    
    
51.     <A title=旅行拉风 href="/forum-93-1.html" style="color:#5b5b5b" target=_blank>旅行拉风</A>
    
52.    
    
53.     <A title=广而告之 href="/forum-88-1.html" style="color:#5b5b5b" target=_blank>广而告之</A>
    
54.    
    
55.     </LI></UL></LI>
    
56. </UL>
    
57. </DIV>

复制代码

第二步：快速打开\template\default\common\common.css文件
在最底下把以下代码复制上去：

1. /* Header导航 */
   
2. .nav_box{
   
3.         PADDING: 0 0 0 0; MARGIN:0;
   
4.         FONT-FAMILY: "宋体", "微软雅黑", "新宋体", "黑体";
   
5.         COLOR: .7b7b7b;
   
6.         FONT-SIZE: 12px
   
7. }
   
8. 
   
9. .main {
   
10.          BACKGROUND: url(image/top-dhbj.gif) no-repeat;  OVERFLOW: hidden;
    
11. }
    
12. .nav {
    
13.         HEIGHT: 40px; OVERFLOW: hidden
    
14. }
    
15. .main_nav A {
    
16.         TEXT-ALIGN: center; LINE-HEIGHT: 37px; WIDTH: 95px; DISPLAY: block; FLOAT: left; HEIGHT: 37px; COLOR: .fff; FONT-SIZE: 14px; FONT-WEIGHT: bold; text-shadow: .6d9100 1px 1px
    
17. }
    
18. .main_nav A:hover {
    
19.         
    
20. }
    
21. .navs {
    
22.         PADDING-BOTTOM: 0px;
    
23.         PADDING-LEFT: 0px;
    
24.         PADDING-RIGHT: 0px;
    
25.         MARGIN-BOTTOM: 5px;
    
26.         HEIGHT: 50px;
    
27.         OVERFLOW: hidden;
    
28.         PADDING-TOP: 5px;
    
29. }
    
30. .navs LI {
    
31.         TEXT-ALIGN: left;
    
32.         WIDTH: 140px;
    
33.         FLOAT: left;
    
34.         HEIGHT: 50px;
    
35. 
    
36. }
    
37. .navs1{ margin:5px 10px 5px 60px; _margin:5px 10px 5px 32px;}
    
38. 
    
39. .navs2 {
    
40.         MARGIN: 5px 5px 5px 35px
    
41. }
    
42. .navs3 {
    
43.         MARGIN: 5px 5px 5px 40px
    
44. }
    
45. .navs4 {
    
46.         MARGIN: 5px 5px 5px 45px
    
47. }
    
48. .navs5 {
    
49.         MARGIN: 5px 5px 5px 45px
    
50. }
    
51. .navs LI A {
    
52.         LINE-HEIGHT: 20px; WIDTH: 70px; DISPLAY: block; FLOAT: left; HEIGHT: 20px; text-shadow: .fff 1px 1px; _line-height: 22px
    
53. }
    
54. .nav IMG {
    
55.         FLOAT: left

复制代码

第三步：将以下图片放至根目录的image文件夹内，如没有此文件夹，新建一个，有能力的请自定义。



第四步：后台更新缓存。


不收大家金币，也不提供技术支持，自己摸索，步骤也算是清晰！
还是用那句老话：回帖是一种美德！

回帖是一种美德！多谢楼主   www.xiaosanwang.com

支持支持

路过 支持一下。

很实用·

官方不是有吗？

支持下。桌面背景显示不了？

实用。支持