Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Code tạo banner quảng cáo banner chạy dọc 2 bên website

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi Phạm Hữu Dư, 16/11/12.

Lượt xem: 61,265

  1. Phạm Hữu Dư phamhuudu.com

    Sắp tới đây Việt Designer có nhận đặt banner quảng cáo chạy dọc bên hông của diễn đàn, và ban đầu mình đã tìm được đoạn code quảng cáo khá ưng ý, tuy nhiên vì có javascript nên nó chạy giựt giựt khá nhức mắt, và sau 1 hồi chỉnh sửa thì nó đã nằm im và chạy dọc rất êm ái :D

    Tiện đây chia sẻ luôn đến các bạn hay làm web nhé, code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768x1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo.

    Demo xem tại đây: http://forumdemo.vietdesigner.net/

    Code:
    Code:
    <div id="divAdRight" style="display: block; position: fixed; top: 0px;">
    <a href="http://vietdesigner.net"><img src="https://forum.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="https://forum.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
    nfPBobT.jpg

    ...
    nhocdung2953682, Vũ Quang Duy, donhave9 người khác thích bài viết này.
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Đã chính thức chạy quảng cáo chạy dọc trên forum luôn rồi nhé :)
    Hiepfc thích bài viết này
  3. Dung Jin

    Dung Jin Thành viên cấp 2

    Mới nhìn vào cứ tưởng bên F17 của VOz forum vì bên đó cũng có quảng cáo chạy dọc 2 bên, cơ mà mình lại thích quảng cáo như tinhte.vn, ngay bên dưới khung search, trông vào diễn đàn nó không bị rối mắt và thấy gọn gàng hơn :D
    Hiepfc thích bài viết này
  4. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Ý bạn nói là quảng ở sidebar?

    Quảng cáo là do khách hàng chọn chỗ đặt, nếu như ko gây phiền hà đến khách xem thì vẫn sẽ đặt cho họ :)
  5. buctrongnguoi

    buctrongnguoi Thành viên cấp 4

    Dùng jqwery đi bác.trượt hay lắm. demo : http://vietvbb.vn bác thêm cái này vào thấy vướng mắt quá.
  6. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Cái mình nói là cái vbb nó dùng đấy, mà cái mình đặt nó vướng mắt chỗ nào?
  7. Mèo Heo

    Mèo Heo Admin Việt Font

    Nhìn nó hơi ngượng bác Dư ợ!! Làm cho nó lướt theo sau khi mình kéo chuột có vẻ mềm mại hơn :D
  8. buctrongnguoi

    buctrongnguoi Thành viên cấp 4

    Ý m cũng như cậu hoàng này đó :D
  9. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Trông rất nhức mắt, cứ để nó nằm yên và trượt như thế này! Ko tin bạn cứ vào cái forum vietvbb rồi lăn chuột lên xuống xem có nhức mắt ko?
  10. Two

    Two Thành viên cấp 3

    Cái này đỡ nhức mắt hơn là chạy theo chuột ấy!
    Like!

    Cơ mà cái ads bên phải che mất nút "top" roài :-s
  11. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Ủa? nó có che cái nút Back to Top àh :|

    Ko có màn hình wide để test :-<
  12. hiroki

    hiroki Thành viên cấp 3

    có thấy cái ads nào đâu? [​IMG]
  13. Eminem

    Eminem Cựu quản trị

    Bị che rồi anh Dư ơi, màn lap e 15,6 bị che.
  14. Stephen John

    Stephen John Thành viên cấp 2

    Của mình ko bị che (chắc do 1600x900) :))
  15. Two

    Two Thành viên cấp 3

    Mua ngay thôi :v :v
  16. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Để từ từ tìm cách khắc phục vấn đề này, để chạy sang nhà thằng bạn mượn lap test luôn!
  17. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    Sao ko thấy quảng cáo ad nhỉ ? Nhưng đặt quảng cáo nhiều quá thì load chậm :( hãy vì 1 môi trường lành mạnh và quảng cáo có văn hóa...
  18. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Cái đó ko cần phải nhắc, quá dư thừa :)
    Trần Thành Lợi thích bài viết này
  19. Two

    Two Thành viên cấp 3

    =)) có 1 cái của dpi gì đấy bên trái mà :D
    kick vào ủng hộ :))
  20. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    :)) e chỉ sợ ad làm 1 phát đùng đùng ra cả đống web khác thì hơi mệt :))

Ủng hộ diễn đàn