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é.
Ai đang ở đây:
1 khách