【修改】Discuz官方论坛二级导航，抄来的，菜鸟直接用吧！

前几天官方论坛上看到有童鞋说要官方的那个二级导航，我不知道咋回事哦；其实官方的那个二级导航直接复制下来就是，稍微修改一下就成啦；当然问这个问题的童鞋是肯定不懂啥html或者css的。也不怪大家喽，总之我就帮大家复制出来了哈。不懂代码的童鞋大家拿去直接用吧。
效果展示：


懒人直接给个懒人包吧：由于是懒人包收懒人1个金币，免费下载传送门：
http://bbs.muquan.net/thread-19281-1-1.html

下载这个文件（header.htm）后替换template/模板目录（如default）/common/header.htm 更新缓存即可。

**************我是分割线，下面是勤快的童鞋自己手动修改的，懒人可忽略**************

复制的代码如下：

1. <style type="text/css">
   
2. .pg_index #pt .y { height: 28px; overflow: hidden; }
   
3. .mlt li .cl { height: 18px; overflow: hidden; }
   
4. .mlt li .c { height: auto!important; }
   
5. #pp {zoom:1;}
   
6. #dzf{margin-bottom: -1px;padding:10px 0;border: solid #CDCDCD;border-width: 0 0 1px;background: #F5F7F9;line-height:160%}
   
7. #dzf p{width:33%;text-indent:70px;margin:0;background:url(http://att.discuz.net/data/attachment/album/201005/14/0953351hcnq10n6w4zqnwh.png) no-repeat 10px 2px}
   
8. .dzfbl{border-left:1px solid #FFF}
   
9. .dzfbr{border-right:1px solid #DDD}
   
10. #dzf em{display:block;color:#D3DFDF}
    
11. #dzf .xg2{color:#666}
    
12. #dzf em a{color:#369}
    
13. #scbar td { padding: 0 !important; }
    
14. .a_mu {
    
15. border: solid #CDCDCD;
    
16. border-width: 0 1px 1px;
    
17. background: #F2F2F2;
    
18. text-align: center;
    
19. font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
    
20. }
    
21. .a_mu em {
    
22. font-style: normal;
    
23. }
    
24. .cl:after {
    
25. content: ".";
    
26. display: block;
    
27. height: 0;
    
28. clear: both;
    
29. visibility: hidden;
    
30. }
    
31. .z {
    
32. float: left;
    
33. }
    
34. .xw1 {
    
35. font-weight: 700;
    
36. color: #333;
    
37. text-decoration: none;
    
38. }
    
39. #dzf .xg2 {
    
40. color: #666;
    
41. }
    
42. #dzf em {
    
43. display: block;
    
44. color: #D3DFDF;
    
45. }
    
46. .cl {
    
47. zoom: 1;
    
48. }
    
49. </style>
    
50. <div class="a_mu" style="width:958px; margin:0 auto;">
    
51. <div id="dzf" class="cl" style="text-align:left;">
    
52. 
    
53. <p class="z dzfbr" style="background: url(http://att.discuz.net/data/attachment/album/201007/08/18064039kg9m5weze9ardr.gif) no-repeat 15px 6px;">
    
54.         <a href="https://discuz.dismall.com/forum.php?mod=forumdisplay&fid=22&filter=typeid&typeid=493" class="xw1" target="_blank">Discuz! X 最新研发动态</a>
    
55.         <em class="xg2">通过这个窗口，关注跟踪我们的研发进展</em>
    
56.         <em><a href="http://open.discuz.net/?ac=document&page=dev" target="_blank">Discuz! 开发技术文库</a> - <a href="https://discuz.dismall.com/forum-22-1.html" target="_blank">给官方提建议</a></em>
    
57. </p>
    
58. <p class="z dzfbr dzfbl" style="background-position:10px -85px">
    
59.         <a href="http://topic.discuz.net/2013/x3/" target="_blank" class="xw1">Discuz! X3.0 正式版下载</a>
    
60.         <em class="xg2">帮助网站实现一站式服务</em>
    
61.         <em><a href="https://discuz.dismall.com/thread-3265731-1-1.html" target="_blank">下载</a> - <a href="https://discuz.dismall.com/thread-3258186-1-1.html" target="_blank">安装</a> - <a href="https://discuz.dismall.com/thread-3156878-1-1.html" target="_blank"><b>常见问题</b></a> - <a href="https://discuz.dismall.com/forum-2-1.html" target="_blank">讨论</a> - <a href="http://www.verydz.com/?fromdzsubnav" target="_blank"><img style="position:relative;top:3px;" src="http://att.discuz.net/data/attachment/forum/201211/20/165655qozk8w13cdm8t017.gif"></a></em>
    
62. </p>
    
63. <p class="z dzfbl" style="text-indent:15px;background:none">
    
64.         <em><a href="http://topic.discuz.net/2013/templates_top10/index.htm" target="_blank">X3十佳模板，给网站换上靓装！</a> - <a href="http://train.phpchina.com/p/37/?fromdiscuznet" style="color:red;" target="_blank">Discuz!金牌课程</a>
    
65.         <em><a href="https://discuz.dismall.com/plugin.php?id=discuz_wall:index" style="color:red;" target="_blank">Discuz! 站点展示墙：你敢来，我就敢秀！</a></em>
    
66.         <em><a href="https://discuz.dismall.com/thread-2920495-1-1.html" target="_blank">站长淘金之旅 </a> - <a href="https://discuz.dismall.com/thread-2395646-1-1.html" target="_blank">康盛2013岗位招聘 </a></em>
    
67. </em></p><em>
    
68. </em></div></div>

复制代码

直接复制到header.htm文件，位置为template/default/common/header.htm(默认模板)，如果次文件没有修改，可以直接添加到152行即可，也可以查找下面的代码，添加到它的上面：

1. <!--{ad/subnavbanner/a_mu}-->
   
2. <!--{subtemplate common/pubsearchform}-->

复制代码

如果大家是使用第三方的模板，并且自己不知道怎么按我上面的方法插入进去，那么可以把以下代码作为二级导航的广告加进去，也就是在二级导航处添加一个html代码自定义的广告，代码其实上面代码去掉一个<div>而已。删除</style>下面的<div class="a_mu" style="width:958px; margin:0 auto;">以及最后的</div>.

由于图片是直接引用官方的，如果不放心的话就把图片下载到本地然后修改代码中的图片链接改成自己的吧。

前排支持

乱码呢 ！！郁闷

不要叫我小贝_我 发表于 2013-9-26 17:50
乱码呢 ！！郁闷

保存编码错了 ，请不要用记事本  注意编码！！！！！！！！！！

金币是什么。。

已经收藏，很不错