2015-05-12 18:40
Ngaongo
[Sáng lập]
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
Nếu muốn ẩn quảng cáo trên responsive thì sửa thành:
Đ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é.
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>
Copy code
<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>
Copy code
Nếu muốn ẩn quảng cáo trên responsive thì sửa thành:
Đ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é.
Chia sẻ bài viết đến bạn bè
Chia sẻ:
Từ Khoá:
xem Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáo cuc hay
,tải Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáo mới
,Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáo hay nhấtđọc Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáo,Hướng dẫn cố định kích thước ảnh trong các Scrip đặt banner quảng cáoAi đang ở đây:
1 khách