仿Discuz官方首页二级广告模板,支持宽屏

官方首页二级广告模板只支持窄屏, 如果用到宽屏的话右边空白就很难看

下面代码支持宽屏

用法:运营>站点广告>添加首页二级导航栏广告>粘贴代码

如图:



演示地址:www.znfans.com

1. <div class="a_mu"><div id="dzf" class="cl" style="text-align:left;">
   
2. <style type="text/css"> 
   
3. .pg_index #pt .y { height: 28px; overflow: hidden; }
   
4. .mlt li .cl { height: 18px; overflow: hidden; }
   
5. .mlt li .c { height: auto!important; }
   
6. #pp {zoom:1;}
   
7. #dzf{margin-bottom: -1px;padding:15px 0;border: solid #CDCDCD;border-width: 0 0 1px;background: #F5F7F9;line-
   
8. 
   
9. height:160%}
   
10. #dzf p{width:305px;text-indent:70px;background:url(http://www.znfans.com/static/image/allen/ad2ji2.png) no-repeat 
    
11. 
    
12. 15px 6px}
    
13. .dzfbl{border-left:1px solid #FFF}
    
14. .dzfbr{border-right:1px solid #DDD}
    
15. #dzf em{display:block;color:#D3DFDF}
    
16. #dzf .xg2{color:#666}
    
17. #dzf em a{color:#369}
    
18. #scbar td { padding: 0 !important; }
    
19. </style>
    
20. <p class="z dzfbr" style="background: url(http://www.znfans.com/static/image/allen/ad2ji1.gif) no-repeat 15px 6px;">
    
21. <a href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=123" class="xw1" target="_blank">版务活动</a>
    
22. <em class="xg2">通过这个窗口，关注跟踪我们的研发进展</em>
    
23. <em><a target="_blank" href="http://qun.qq.com/#jointhegroup/gid/48775410">加入智能迷QQ群</a> - <a 
    
24. 
    
25. href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=122" target="_blank">给我们提建议</a></em>
    
26. </p>
    
27. <p class="z dzfbr dzfbl" style="background-position:no-repeat 15px 6px">
    
28. <a href="http://www.znfans.com/forum.php?gid=1" target="_blank" class="xw1">Andriod分享交流</a>
    
29. <em class="xg2">实用软件壁纸图书下载   </em>
    
30. <em><a href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=2" target="_blank"><b>软件分享</b></a> - <a 
    
31. 
    
32. href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=62" target="_blank">游戏</a> - <a 
    
33. 
    
34. href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=65" target="_blank">书屋</a> - <a 
    
35. 
    
36. href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=64" target="_blank">影视</a> - <a 
    
37. 
    
38. href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=63" target="_blank">美化</a></em>
    
39. </p>
    
40. <p class="z dzfbr" style="background: url(http://www.znfans.com/static/image/allen/ad2ji.png) no-repeat 15px 6px;">
    
41. <a href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=123" class="xw1" target="_blank">火热招聘中</a>
    
42. <em class="xg2">手机爱好者,有经验者优先</em>
    
43. <em><a target="_blank" href="http://www.znfans.com/forum.php?mod=forumdisplay&fid=124">进入申请/招募区</a> - <a 
    
44. 
    
45. href="http://www.znfans.com/forum.php?mod=viewthread&tid=14&extra=page%3D1" target="_blank">大量招版主</a></em>
    
46. </p>
    
47. 
    
48. <p class="z dzfbl" style="text-indent:15px;background:none">
    
49. <em><a href="http://www.znfans.com/forum.php?mod=viewthread&tid=14&extra=page%3D1" style="color:red;" 
    
50. 
    
51. target="_blank">申请斑竹火热报名中</a> - <a href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%
    
52. 
    
53. 3D1" target="_blank">待用</a></em>
    
54. <em><a href="http://www.znfans.com/forum.php?mod=viewthread&tid=14&extra=page%3D1" style="color:red;" 
    
55. 
    
56. target="_blank">信息监督员火热报名</a> - <a href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%
    
57. 
    
58. 3D1" target="_blank">待用</a><!--a href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%3D1" 
    
59. 
    
60. target="_blank">手机网站</a> - <a href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%3D1">新人必
    
61. 
    
62. 读</a--></em>
    
63. <em><a href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%3D1" target="_blank">建设中</a> - <a 
    
64. 
    
65. href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%3D1" target="_blank">建设中</a> - <a 
    
66. 
    
67. href="http://www.znfans.com/forum.php?mod=viewthread&tid=13&extra=page%3D1" target="_blank">ZnFans</a></em>
    
68. </p>
    
69. </div></div>

复制代码

演示地址:www.znfans.com