Code quảng cáo trượt 2 bên cho XenForo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Code Quảng cáo trượt 2 bên cho XenForo. Mod đơn giản giúp tạo quảng cáo chạy 2 bên diễn đàn XenForo.

Untitled.png

Cách thêm như sau:

Tìm template header. Dán đoạn code sau đây vào cuối:
Mã:
<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://vnxf.vn/"><img src="Link ảnh" width="125" height="400" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://vnxf.vn/"><img src="Link ảnh" width="125" height="400" /></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.scrollTop;
            else if (document.body)
                var pY =  document.body.scrollTop;
            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 = 155;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>

Chú ý: Thay đổi đường link và kích thước cho phù hợp

Chúc các bạn thành công.


Nguồn: forumit24h.net​
 

phankt

Corporal
Tham gia
23/08/2016
Bài viết
116
Được Like
25
Bác ơi. code banner như
upload_2016-9-7_4-42-3.png


Em có thể set cho banner hoặc một widget thì css như nào ah
 

chungkhoan

Private
Tham gia
22/08/2016
Bài viết
2
Được Like
0
PVS ơi. anh chỉ em rõ hơn tên chính xác của file đó được không. em không biết file nào là chính xác
 

xomsamco

Private
Tham gia
19/05/2016
Bài viết
38
Được Like
23
alo. em chèn cái này vào site thì bị nó áp sát vào forum, làm như thế nào để nó tách ra tí vậy ả?
Demo: muabanplus.com
 

ducga

Private
Tham gia
30/10/2015
Bài viết
25
Được Like
4
@PVS e xài xenforo 2 không có header phải làm sao ạ
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom