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

Mã:

 <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:

Mã:

.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é.

Nguồn: Alovi.Net​

 

Demo:

Code js của nó khi responsive sẽ sang code ads mobile rồi mà bác?

 

Mã:

/* Code banner quang cao*/
function hqth(){}hqth=new hqth();number=0;
hqth[number++]="<a href='https://hoiquantinhoc.vn' target='blank'><img src='https://hoiquantinhoc.vn/hqth.gif' title='ChÆ°Æ¡ng trình tĂ i trợ Free Host, Free VPS, Free CDN duy nhất tại Việt Nam' alt='Free Host, Free VPS, Free CDN' border='1'></a>";
increment=Math.floor(Math.random()*number);document.write(hqth[increment]);
/* Code popup quang cao*/
function HQTH_AD_GetCookie(a){var b=new RegExp(a+"=[^;]+","i");if(document.cookie.match(b)){return decodeURIComponent(document.cookie.match(b)[0].split("=")[1])}return""}function HQTH_AD_SetCookie(b,c,e){if(typeof e!="undefined"){var a=new Date();var d=a.setDate(a.getDate()+e);document.cookie=b+"="+decodeURIComponent(c)+"; expires="+a.toGMTString()}else{document.cookie=b+"="+decodeURIComponent(c)}}function hoiquantinhoc(){var b=HQTH_AD_GetCookie("hqth_popup_ads");if(b){return false}else{var f=24*3600*1000;HQTH_AD_SetCookie("hqth_popup_ads","true",f);
var d=["http://taiiwin.net"];
var c=d[Math.floor(Math.random()*d.length)];var e="width=1024";e+=", height=768";e+=", top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1";var a=window.open(c,"HQTH_AD_pop",e)}return false}function addEvent(c,a,b){if(c.attachEvent){c.attachEvent("on"+a,b)}else{if(c.addEventListener){c.addEventListener(a,b,true)}else{c["on"+a]=b}}}addEvent(window,"load",function(a){addEvent(document.body,"click",function(b){hoiquantinhoc()})});

Scrip của server tớ kia

Mã:

/* Code banner quang cao*/
function hqth(){}hqth=new hqth();number=0;
hqth[number++]="<a href='https://hoiquantinhoc.vn' target='blank'><img src='https://hoiquantinhoc.vn/hqth.gif' title='ChÆ°Æ¡ng trình tĂ i trợ Free Host, Free VPS, Free CDN duy nhất tại Việt Nam' alt='Free Host, Free VPS, Free CDN' border='1'></a>";
increment=Math.floor(Math.random()*number);document.write(hqth[increment]);

đâu phải gói vps của cậu, lúc đầu tớ tưởng vps thật chứ shared host thêm thông số mà gọi là vps.....

 

Lâu nay cũng mò cái này mà k đc nên cho nó ẩn đi luôn khi giao diện hiển thị trên đt
Cảm ơn bạn.từ nay khoi mất công ẩn nữa ^^