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

Thảo luận trong 'Xenforo' bắt đầu bởi admin, 1/10/17.

  1. admin

    admin Administrator Staff Member

    Tham gia ngày:
    24/11/09
    Bài viết:
    414
    Đã được thích:
    11
    Điểm thành tích:
    38
    Giới tính:
    Nam
    Nghề nghiệp:
    IT Specialist
    Nơi ở:
    Tp.HCM
    Để 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!
     

Chia sẻ trang này