share code quảng cáo trượt 2 bên cho forum vbb

Thảo luận trong 'vBB 4.0 Mod' bắt đầu bởi netmaster, 31/12/11.

Lượt xem: 1,795

  1. netmaster

    netmaster

    Tham gia ngày:
    6/11/11
    Bài viết:
    111
    Điểm thành tích:
    0
    Mã:
    [COLOR=#000000][FONT=monospace]startLX = ((document.body.clientWidth -1040)/2) - 100 , startLY = 0;
    [/FONT][/COLOR][COLOR=#000000][FONT=monospace]        startRX = ((document.body.clientWidth)/2) + 500 , startRY = 0;[/FONT][/COLOR]
    [​IMG]

    công dụng tạo hai banner trượt 2 bên forum phù hợp cho quảng cáo.
    Tiến hành:
    1-Tạo file ads.js có nội dung bên dưới sau đó upload lên host ngang hàng với file index của code forum
    Mã:
    //////////////////////////////////////////////////////////////////
    ///              BEGIN
    //////////////////////////////////////////////////////////////////
     
    // set the width of the ad banner
    var bannerleft_w = 100;
    var bannerrite_w = 100;
     
    var FloatBanner = new Array();
     
    if (typeof(PageHost) == 'undefined')
    {
        var PageHost = '';
    }
     
    FloatBanner[0]= new Array('http://vietnam9x.net/forum/logovietnam9x.net.png', 'http://vietnam9x.net','1');
    FloatBanner[1]= new Array('http://vietnam9x.net/forum/logovietnam9x.net.png', 'http://vietnam9x.net','2');
     
        window.onresize=ShowAdDiv;
     
        function FloatTopDiv()
        {
    /////////////////////////////////////////////////////////////
    ///              Initial X and Y position of the banners !
    /////////////////////////////////////////////////////////////
            startLX = ((document.body.clientWidth -1040)/2) - 100 , startLY = 0;
            startRX = ((document.body.clientWidth)/2) + 500 , startRY = 0;
     
            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;this.style.top=y;};
                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;this.style.top=y;};
                e2.x = startLX;
                e2.y = startLY;
                return e2;
            }
            window.stayTopLeft=function()
            {
                if (document.documentElement && document.documentElement.scrollTop)
                    var pY =  document.documentElement.scrollTop;
                else if (document.body)
                    var pY =  document.body.scrollTop;
                if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = 0;startRY = 0;};
                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");
            ftlObj2 = m2("divAdLeft");
            stayTopLeft();
        }
     
        function ShowAdDiv()
        {
            var objAdDivRight = document.getElementById("divAdRight");
            var objAdDivLeft = document.getElementById("divAdLeft");        
     
            if (document.body.clientWidth < 980)
            {
                objAdDivRight.style.display = "none";
                objAdDivLeft.style.display = "none";
            }
            else
            {
                objAdDivRight.style.display = "block";
                objAdDivLeft.style.display = "block";
                FloatTopDiv();
            }
        }
     
     
    function DisplayFloatBanner(side)
    {
        document.write('<table cellspacing=0 cellpadding=0 border=0 width='+bannerleft_w+' >')
     
        if (side==1) // ben trai
            for (i=0; i<FloatBanner.length; i++){
                if(FloatBanner[i][2]=='1'){                        
                    document.write('<tr><td><a target=".blank" href="'+FloatBanner[i][1]+'"><img src="'+FloatBanner[i][0]+'" width='+bannerleft_w+' border=0></a><br></td></tr>');
                    //document.write('http://file ảnh'); 
     
                }
            }
     
     
        if (side==2) // ben phai
            for (i=0; i<FloatBanner.length; i++){
                if(FloatBanner[i][2]=='2'){
                    document.write('<tr><td><a target=".blank" href="'+FloatBanner[i][1]+'"><img src="'+FloatBanner[i][0]+'" width='+bannerrite_w+' border=0></a><br></td></tr>');
                    //document.write('http://file anh');
                }
            }
     
        document.write('</table>');
    }
     
    //////////////////////////////////////////////////////////////////
    ///              END
    //////////////////////////////////////////////////////////////////
    2-Mở template headinclude chèm đoạn code sau vào trên cùng tự sữa lại phù hợp với site của bạn.
    Mã:
    <script type="text/javascript" src="http://vietnam9x.net/forum/ads.js"></script>
    3-Tiếp theo bạn vào template thêm đoạn code sau vào trên cùng của header
    Mã:
    <DIV id=divAdRight style="DISPLAY: none; POSITION: absolute; TOP: 5px"> 
    <script language="JavaScript">DisplayFloatBanner(2);</script> </DIV>
    <DIV id=divAdLeft style="DISPLAY: none; POSITION: absolute; TOP: 5px"> 
    <script language="JavaScript">DisplayFloatBanner(1);</script> </DIV>
    <SCRIPT language=JavaScript>ShowAdDiv(1);</SCRIPT>
    4-Tiếp theo vào StyleVars của skin kéo xuống dưới cùng thay thế đoạn code sau vào HTML Doctype
    Mã:
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> 
     
  2. Jimy.Tran

    Jimy.Tran Guest

    Bạn có thể nói rõ cái này hơn đc ko nhỉ ?
     

Chia sẻ trang này