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

admin

Administrator
Staff member
Để tạo quảng cáo trượt cố định trên sidebar cho xenforo như LPNET các bạn làm như sau:

Bước 1: Vào Apperance / Templates 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

Mã:
<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>
=> Save lại

Bước 2: Chèn đoạn code này vào fị trí bạn muốn hiể thị

Mã:
<div id="sticky">
Code quảng cáo
</div>
Chúc các bạn thành công!
 
Top