Hướng dẫn tạo quảng cáo trượt ở Sidebar cho xenforo

Thảo luận trong 'Hướng Dẫn' bắt đầu bởi Administrator, 1/9/14.

  1. Administrator Thành Viên Mới

    Bài này mình sẽ hướng dẫn các bạn tạo quảng cáo trượt ở sidebar cho xenforo. Với quảng cáo ở sidebar để tăng chất lượng quảng cáo hôm nay mình sẽ hướng dẫn các tạo một thẻ div sẽ trượt ở sidebar cho xenforo để chạy quảng cáo.

    Bước 1: Tạo Javascript trượt ở sidebar

    Đầ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:
    PHP:
    <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>
    Bước 2: Chèn code quảng cáo
    Bạn muốn nó hiển thị ở đâu thì chèn đoạn code này vào:
    HTML:
    <div id="sticky">
    Code quảng cáo
    </div
     
    buonvechai and NTB like this.
     
  2. Bình Luận Bằng Facebook