1. LPNET đã hoàn tất nâng cấp và khắc phục các lỗi đăng ký thành viên, phân quyền các chuyên mục nhạy cảm!
    Dismiss Notice

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:
    440
    Đã được thích:
    16
    Đ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