仿官方头部广告

仿官方头部广告



进入后台---->运营--->站点广告--->全局 页头二级导航栏广告

添加一个新的广告--->广告投放范围（随你自己勾）

展现方式:代码

代码如下(请自己修改并下载代码中的图片,我是直接调用官方的做演示)

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-height:160%}
   
8. #dzf p{width:316px;text-indent:70px;background:url(https://discuz.dismall.com/data/attachment/album/201005/14/0953351hcnq10n6w4zqnwh.png) no-repeat 10px 2px}
   
9. .dzfbl{border-left:1px solid #FFF}
   
10. .dzfbr{border-right:1px solid #DDD}
    
11. #dzf em{display:block;color:#D3DFDF}
    
12. #dzf .xg2{color:#666}
    
13. #dzf em a{color:#369}
    
14. #scbar td { padding: 0 !important; }
    
15. </style>
    
16. <p class="z dzfbr" style="background: url(https://discuz.dismall.com/data/attachment/album/201007/08/18064039kg9m5weze9ardr.gif) no-repeat 15px 6px;">
    
17.         <a href="http://dev.discuz.org/doing.php" class="xw1" target="_blank">Discuz! X 最新研发动态</a>
    
18.         <em class="xg2">通过这个窗口，关注跟踪我们的研发进展</em>
    
19.         <em><a href="http://dev.discuz.org/wiki" target="_blank">Discuz! 开发技术文库</a> - <a href="https://discuz.dismall.com/forum-22-1.html" target="_blank">给官方提建议</a></em>
    
20. 
    
21. </p>
    
22. <p class="z dzfbr dzfbl" style="background-position:10px -85px">
    
23.         <a href="https://discuz.dismall.com/thread-2166762-1-1.html" target="_blank" class="xw1">Discuz! X2 正式版下载</a>
    
24.         <em class="xg2">帮助网站实现一站式服务   </em>
    
25.         <em><a href="https://discuz.dismall.com/thread-2168918-1-1.html" target="_blank">下载</a> - <a href="https://discuz.dismall.com/thread-2141484-1-1.html" target="_blank">安装</a> - <a href="https://discuz.dismall.com/thread-2141746-1-1.html" target="_blank"><b>常见问题</b></a> - <a href="https://discuz.dismall.com/thread-1691597-1-1.html" target="_blank">转换</a> - <a href="https://discuz.dismall.com/forum-2-1.html" target="_blank">讨论</a> - <a href="http://www.comsenz.com/purchase" target="_blank">购买</a></em>
    
26. 
    
27. </p>
    
28. <p class="z dzfbl" style="text-indent:15px;background:none">
    
29.         <em><a href="http://zz.comsenz.com/2011zz/join.php" style="color:red;" target="_blank">2011年互联网站长年会</a> - <a href="http://zz.comsenz.com/2011site/difang.php" style="color:red;" target="_blank">地方网站评选</a></em>
    
30.         <em><a href="http://nt.discuz.net/showtopic-133208.html" target="_blank">Discuz!NT3.5.1发布</a> - <a href="http://hao.qq.com/?cid=hao.ms" target="_blank">QQ网址导航</a> - <a href="http://www.phpchina.com/phptrain" target="_blank">PHP培训</a></em>
    
31. 
    
32.         <em><a href="https://discuz.dismall.com/thread-1948329-1-1.html" target="_blank">漫游YES玩游戏介绍</a> - <a href="https://discuz.dismall.com/thread-1621916-1-1.html" target="_blank">收入排行</a> - <a href="http://www.5d6d.com" target="_blank">5d6d免费论坛</a></em>
    
33. </p>
    
34. </div></div>

复制代码

OK了，就这样，如果加进去左右两边会有白边的话， 请修改模版common.css
搜索

1. /* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; }

复制代码

将其中的

1. border-width: 0 1px 1px;

复制代码

改成

1. border-width: 0 0px 0px;

复制代码

这样就不会有白边了，如果想更改宽度，请自行设定CSS属性！

收藏了 顶了 加分了 谢谢了

这个我找了很久了。感谢楼主分享啊。

非常好，还是楼主大公无私！

支持顶

:victory: