Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáo

Các bạn cảm thấy khó chịu với những banner quảng cáo trong các scrip bị phá vỡ kích thước giao diện trông rất khó coi, mình xin chỉ cách đơn giản để cố định kích thước của nó, cụ thể các bạn cũng có thể kiểm soát kích thước của nó trong cả chế độ responsive của style.
Mình dùng host free của HQTH, đã có lúc bế tắc phải dùng 2 style Desktop & style mobile, hoặc tăng kích thước site để nó phù hợp với kích thước banner, điều này thực sự bất tiện

Tuy nhiên sau khi thử và đã thành công thì mình hoàn toàn có thể kiểm soát kích thước của nó.
Và đây là demo
Trước:
 

Sau:
 

 Responsive:

Thao tác đơn giản như sau:
Trong xenforo mình chèn vào template: ad_above_content các bạn chèn vào đâu tùy mỗi bạn
<div id='size-scrip-ads'>
<script src="http://171.hoiquantinhoc.com/free_host_2/images.js" language="javascript" type="text/javascript"></script>
</div>
<style  type='text/css'>
#size-scrip-ads img { max-width: 100% }
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive #size-scrip-ads img
    {
        display: none!;
    }   
}
</style>
Nếu muốn ẩn quảng cáo trên responsive thì sửa thành:
.Responsive #size-scrip-ads img
    {
        display: none;
    }   
}
Đoạn code trên các bạn cũng có thể tùy biến trên các mã nguồn khác nhé.
Mình không rành về code căn bản nên có gì chưa chuẩn các bạn đừng ném đá nhé.
Có leech đi đâu ghi rõ nguồn: HANAM24H.COM


Đăng bình luận

Mới hơn Cũ hơn
Hãy chia sẻ nếu thấy bài viết có ích!