Tạo quảng cáo trượt hai bên cho xenforo

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

  1. CNTT Đời cơ bản là buồn

    Sau đây mình sẽ hướng dẫn các bạn Tạo quảng cáo trượt hai bên cho xenforo
    Để tạo quảng cáo chạy hai bên bạn Tìm template header. Dán đoạn code sau đây vào cuối:


    Mã:
    <div id="divAdRight" style="display: block; position: fixed; top: 0px;">
    <a href="http://vietdesigner.net"><img src="http://cdn.vietdesigner.net/data/ads/120x600.jpg" width="125" /></a>
    </div>
    <div id="divAdLeft" style="display: block; position: fixed; top: 0px;">
    <a href=" http://vietdesigner.net"><img src="http://cdn.vietdesigner.net/data/ads/120x600.jpg" width="125" /></a>
    </div>
    <script>
        function FloatTopDiv()
        {
            startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
            startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
            var d = document;
            function ml(id)
            {
                var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
                el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
                el.x = startRX;
                el.y = startRY;
                return el;
            }
            function m2(id)
            {
                var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
                e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
                e2.x = startLX;
                e2.y = startLY;
                return e2;
            }
            window.stayTopLeft=function()
            {
                if (document.documentElement && document.documentElement.scrollTop)
                    var pY =  document.documentElement;
                else if (document.body)
                    var pY =  document.body;
                if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
                ftlObj.y += (pY+startRY-ftlObj.y)/16;
                ftlObj.sP(ftlObj.x, ftlObj.y);
                ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
                ftlObj2.sP(ftlObj2.x, ftlObj2.y);
                setTimeout("stayTopLeft()", 1);
            }
            ftlObj = ml("divAdRight");
            //stayTopLeft();
            ftlObj2 = m2("divAdLeft");
            stayTopLeft();
        }
        function ShowAdDiv()
        {
            var objAdDivRight = document.getElementById("divAdRight");
            var objAdDivLeft = document.getElementById("divAdLeft");
            if (document.body.clientWidth < 1000)
            {
                objAdDivRight.style.display = "none";
                objAdDivLeft.style.display = "none";
            }
            else
            {
                objAdDivRight.style.display = "block";
                objAdDivLeft.style.display = "block";
                FloatTopDiv();
            }
        }
    </script>
    <script>
    document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
    </script>
    Demo ảnh quản cáo chạy hai bên cho xeforo
    [​IMG]
    Như thế các bạn có thể tạo quản cáo chạy hai bên để phục vụ cho việc kiếm tiền :D
    Nếu không làm được inbox ở bên dưới mình sẽ giúp.

    Theo Vxf
     
     
  2. Bình Luận Bằng Facebook

  3. AC_Khanh01

    AC_Khanh01 Thành Viên Mới

    Mình muốn nó ôm sát 2 bên forums, và không tự cuộn theo chuột thì làm thế nào admin ơi? ^^
     
  4. CNTT

    CNTT Đời cơ bản là buồn Thành viên BQT

    Bạn có thể dùng HTML chỉnh lại :D
     
  5. TechBuba

    TechBuba Nhà Báo (Báo Đời) Thành viên BQT

    AC_Khanh01 thích bài này.