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 như rao86.com
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

ipwSQnU.jpg

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 các bạn thành công.


Nguồn: congngheaz.com​
 

Top Bottom