Tạo quảng cáo trượt cố định ở sidebar cho xenforo

[THB]

Để tạo quảng cáo trượt cố định trên sidebar cho xenforo như của forum Root.Vn các bạn làm như sau:
Demo quảng cáo:

Đầu tiên vào teamp của giao diện bạn đang dùng tìm page_container_js_body.
Thêm vào dưới cùng đoạn code sau

<script>
var $stickyHeight = 470; // chiều cao của banner quảng cáo
var $padding = 0; // khoảng cách top của banner khi dính
var $topOffset = 1170; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 310; // Định vị điểm dừng của banner, tính từ chân lên
/* <=!=[=C=D=A=T=A=[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
    var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
        var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
        $('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');
    }else if($(window).scrollTop() + $padding > $topOffset) {
        $('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
        $('#sticky').attr('style', 'position:relative;');
    }
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]=]=> */
</script>

Sau đó save lại

Bạn muốn nó hiển thị ở đâu thì chèn đoạn code này vào:

<div id="sticky">
Code quảng cáo
</div>

Chúc các bạn thành công..!

nguồn root.vn​

 

[kenhpp]

Alo. Tớ muốn hiện bên trái thì đặt code trên vào đâu?
@PVS

 

[PVS]

sao bạn không thử làm ngược lại ^^, làm ngược lại thì hướng dẫn là đây đây hii

 

[kenhpp]

Hi. @PVS làm khó nhau thế. Tóm lại là đặt nó ở vị trí nào nhỉ?

 

[caokhoi90]

Mình muốn định chiều rộng max của quảng cáo thì làm thế nào bạn?