Discuz教程：修改dzx3.4广告显示样式的方法

需修改文件：
Discuz！ x3.4 根目录/template/default/common/common.css
查找广告样式代码，默认common.css样式文件在872行左右，代码如下：

1. 
   
2. /* 广告 */
   
3. /* 页头广告 */ .a_h { padding-top: 5px; }
   
4. /* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; }
   
5. /* 页尾广告 */ .a_f { margin: 5px auto; }
   
6. /* 日志内容广告 */ .a_b { float: right; margin: 0 0 5px 5px; }
   
7. /* 格子广告 */ .a_t { margin-bottom: 10px; }
   
8.   .a_t table { width: 100%; }
   
9.   .a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; }
   
10. /* 帖内广告 */ .a_pr { float: right; width: 120px; overflow: hidden; }
    
11.   .a_pt, .a_pb { background: url({IMGDIR}/ad.gif) no-repeat 0 50%; margin-bottom: 6px; padding-left: 20px; zoom: 1; }
    
12. /* 漂浮广告 */ .a_fl, .a_fr { float: right; position: fixed; top: 350px; z-index: 100; }
    
13.   .a_fl { left: 0; }
    
14.   .a_fr { right: 0; text-align: right; }
    
15.   * html .a_fl, * html .a_fr { position: absolute; top: expression(offsetParent.scrollTop+350); }
    
16. /* 对联广告 */ .a_cb { top: 20px }
    
17.   * html .a_cb { top: expression(offsetParent.scrollTop+20); }
    
18. /* 文章漂浮广告 */ .a_af { float:left; margin-right: 10px; margin-bottom: 10px; }
    
19. /* 右下角广告 */ .a_cn { position: fixed; right: 10px; bottom: 10px; z-index: 300; }
    
20.   * html .a_cn { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); }
    
21.   .a_cn .close { text-align: right; }
    
22. .a_h, .a_mu, .a_c, .a_p, .a_f, .a_t { text-align: center; }
    

复制代码

如修改首页的"全局 页头二级导航栏广告"广告显示样式，让二级导航广告内多个通栏图片/flash下边距为4px，修改如下：

1. /* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; }
   
2. .a_mu img { margin-bottom: 4px;}
   
3. .a_mu object { margin-bottom: 4px;}

复制代码

如修改首页的格子(表格)广告显示样式，让格子内的广告左右/上下边距分别为0px，格子内的图片/flash下边距为4px，修改如下：

1. /* 格子广告 */ .a_t { margin-bottom: 10px; }
   
2.   .a_t table { width: 100%; }
   
3.   .a_t td { padding: 0px 0px;}
   
4.   .a_t img { margin-bottom: 4px;}
   
5.   .a_t object { margin-bottom: 4px;}
   

复制代码

说明：
margin-top：设置元素的上外边距。
margin-bottom：设置元素的下外边距。
padding-top：设置元素的上内边距。
padding-bottom：设置元素的下内边距。