Hướng dẫn tạo banner quảng cáo Responsive trên xenforo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Hướng dẫn tạo banner quảng cáo Responsive ở header trên xenforo

B1: Chèn đoạn code sau vào EXTRA.CSS
Mã:
/*Quang cao*/
.ad_header_banner_desktop {
    display: block;
    float: right;
    margin-top: 22px;
    vertical-align: middle;
}
@media (max-width:1272px) {
    .ad_header_banner_desktop {
        display: none;
    }
    .ad_billboard {
        display: none;
    }
}

B2: tìm đến temp ad_header
Mã:
<xen:hook name="ad_header" />
<div class="ad_header_banner_desktop" style="overflow:hidden; border: 0pt none;">

<!-- rao vat daklak rao86.com - 728x90 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-3205382751069949"
     data-ad-slot="5503169910"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Hoặc responsive cho ảnh banner
Mã:
<xen:hook name="ad_header" />
<div class="ad_header_banner_desktop" style="overflow:hidden; border: 0pt none;">
<img style="width:728px;height:90px" src="Link ảnh của bạn" />
</div>

Bạn thay đổi nội dung cũng như kích thước sao cho phù hợp với site bạn nhé.
Chúc bạn thành công!


Nguồn: muaban47.net​
 

nobita8x

Corporal
Tham gia
29/06/2016
Bài viết
177
Được Like
77
bác cho em hỏi là em muốn đặt các logo nhỏ ngang hàng nhau trong các add_xxx , khi đầy số lượng theo chiều rộng mặc định tự xuống dòng thì dùng các lệnh nào ?
em dùng code :
<br />
<a href="http://travelmapvn.net/" title="Diễn Đàn Kết Nối Du Lịch - Thương Mại - Dịch Vụ" target="_blank"><img border="0" src="https://c7.staticflickr.com/9/8697/28379888070_e9b7d4c8c9_o.jpg" width= 20 height=auto border=0 > </a>

lặp lại với các ảnh khác nhau thì nó cứ xuống dòng đều như vậy chứ không chạy ngang hàng
 

Đính kèm

  • sdfsdfds.jpg
    sdfsdfds.jpg
    17.4 KB · Lượt xem: 42

Top Bottom