1. Đây là diễn đàn trao đổi, thảo luận về thương mại điện tử. Vui lòng không đăng tin rao vặt.
    Bạn có thể đăng tin rao vặt tại hangtot.com
Hangtot.com - Sàn giao dịch thương mại điện tử hàng đầu Việt Nam
Trả lời Chủ đề Đăng tin rao vặt
Kết quả 1 đến 13 của 13

Chủ đề: Code tạo banner quảng cáo chạy dọc 2 bên website

  1. #1
    Senior Member
    Ngày tham gia
    Jun 2011
    Bài viết
    472
    Thanks
    0
    Thanked 1 Time in 1 Post

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

    Bạn cần đang có chương trình khuyến mại, hoặc đang cần tập trung sự chú ý của khách hàng vào một số sản phẩm Hot.

    Tạo banner quảng cáo hai bên là một cách rất tốt để các bạn thu hút sự chú ý của khách hàng vào sản phẩm dịch vụ của mình.

    Bây giờ hãy cùng chúng tôi thao tác tạo banner chạy dọc hai bên này nhé/

    Khâu chuẩn bị:

    - Các bạn cần chuẩn bị cho mình 2 ảnh dọc 2 bên

    - Up hai ảnh này trên quản lý ảnh: Vào Nội dung >> Quản lý ảnh >> Images >> Tải ảnh lên

    Click image for larger version

Name:	1.jpg
Views:	4805
Size:	17.3 KB
ID:	4672


    Sau khi tải ảnh lên >> Click chuột phải vào ảnh để Xem và copy đường link ảnh (Sử dụng trong việc thay thế ảnh)

    Click image for larger version

Name:	2.jpg
Views:	4815
Size:	22.2 KB
ID:	4673


    Bắt đầu thực hiện:

    Code để tạo banner quảng cáo 2 bên như sau:

    <div id="divAdRight" style="display: none; position: absolute; top: 0px;">
    <table border="0" cellpadding="0" cellspacing="0" width="165">
    <tbody>
    <tr>
    <td>
    <a href="http://nuochoaxachtay.us/san-pham-p7.html"><embed border="0" height="320" src="/Sites/7166/Data/images/banner-2-ben.gif" width="140"></embed></a>
    <div style="position: fixed; right: 0pt; top: -100%;">
    <a href="http://MaxDesign.Vn">Thi?t k? website chuy&ecirc;n nghi?p</a></div>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    <div id="divAdLeft" style="display: none; position: absolute; top: 0px;">
    <table border="0" cellpadding="0" cellspacing="0" width="155">
    <tbody>
    <tr>
    <td>
    <a href="http://nuochoaxachtay.us/san-pham-p7.html"><embed border="0" height="320" src="/Sites/7166/Data/images/banner-2-ben.gif" width="140"></embed></a>
    <div style="position: fixed; right: 0pt; top: -100%;">
    <a href="http://MaxDesign.Vn">Thi?t k? website chuy&ecirc;n nghi?p</a></div>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    <p>
    <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 = 140;RightBannerW = 140;LeftAdjust = 0;RightAdjust = 0;TopAdjust = 25;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");

    </script></p>


    Trong đoạn code trên :

    <a href="http://nuochoaxachtay.us/san-pham-p7.html : liên kết đến khi người đọc click vào. Thay bằng liên kết trang bạn cho phù hợp
    <img src=”…”/> : banner bạn muốn hiển thị
    width="125" : chiều rộng của banner. Có 2 giá trị được đánh dấu cùng màu cam
    MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùng màu tím,
    LeftBannerW = 5 : khoảng cách từ bìa trái trang web đến banner
    RightBannerW = 5 : khoảng cách từ bìa phải trang web đến banner

    Các bạn chèn lại link, nguồn ảnh, và điều chỉnh kích thước cho phù hợp. Sau đó vào quản trị website. Vào Nội dung >> Quản lý trang chức năng >> Trang chủ >> Thêm module text/htm để chèn đoạn code này vào.

    Ấn lưu, Cập nhật >> Như vậy là các bạn đã hoàn thành và ấn Xem website để xem thành quả.

    Chúc các bạn thành công.
    Last edited by Thu Huyền; 30-11-2012 at 03:37 PM.

  2. #2
    Junior Member
    Ngày tham gia
    Oct 2012
    Đang ở
    HCM City
    Bài viết
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    Thanks!
    Nhập khẩu & Phân phối LAPTOP giá gốc

  3. #3
    Junior Member
    Ngày tham gia
    Oct 2012
    Đang ở
    HCM City
    Bài viết
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Chưa được bạn ơi

    Hi,
    Mình đã làm theo hướng dẫn mà sao không thấy xuất hiện gì hết
    Bạn vui lòng hướng dẫn chi tiết dùm.
    Cám ơn bạn
    Nhập khẩu & Phân phối LAPTOP giá gốc

  4. #4
    Senior Member
    Ngày tham gia
    Jun 2011
    Bài viết
    472
    Thanks
    0
    Thanked 1 Time in 1 Post
    Chào bạn,

    Mình hướng dẫn cũng khá chi tiết rùi đó: chủ yếu là có mấy bước:

    Chuẩn bị sẵn code >> sau đó up ảnh lên phần quản lý ảnh >> Copy link và thay ảnh, thay link >> Up lên module text/html (bạn thử xem lại xem lúc thêm module có ẩn hiện thị chưa)
    >> Chỉnh sửa lại kích thước nếu cần thiết.

    Nếu vẫn chưa thực hiện được thì bạn oline mình hỗ trợ cho bạn

  5. #5
    Junior Member
    Ngày tham gia
    Oct 2012
    Đang ở
    HCM City
    Bài viết
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Vẫn chưa được

    Đây là địa chỉ email của mình: phuloi@bizlaptop.vn
    Mong bạn hỗ trợ code banner trượt. Cám ơn bạn
    Nhập khẩu & Phân phối LAPTOP giá gốc

  6. #6
    Administrator
    Ngày tham gia
    Apr 2011
    Bài viết
    692
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Chào bạn,

    Bạn tải file này về và copy vào module text/html xem nhé.

    code baner 2 ben.txt

    Các thao tác thay ảnh và link giống như trên

  7. #7
    Khách hàng Bizweb
    Ngày tham gia
    Nov 2013
    Bài viết
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <div id="divAdRight" style="display: none; position: absolute; top: 0px;">
    <table border="0" cellpadding="0" cellspacing="0" width="140">
    <tbody>
    <tr>
    <td><img border="0" height="700" src="/Sites/47026/Data/banners/05_BANNER-BABI160X800_1.jpg" width="140" />
    </td>
    </tr>
    </tbody>
    </table>
    </div>

    <div id="divAdLeft" style="display: none; position: absolute; top: 0px;">
    <table border="0" cellpadding="0" cellspacing="0" width="165">
    <tbody>
    <tr>
    <td><img border="0" height="700" src="/Sites/47026/Data/banners/05_BANNER-BABI160X800_1.jpg" width="140" />
    </td>
    </tr>
    </tbody>
    </table>
    </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 < 980)

    {

    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 = 980;LeftBannerW = 140;RightBannerW = 140;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 0;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");



    </script>


    Các anh cho em hỏi, code bị lỗi chỗ nào mà em gắn vào thì web kéo xuống bất tận luôn
    demo: Babilove
    Last edited by sale_babilove; 09-12-2013 at 03:25 PM.

  8. #8
    Administrator
    Ngày tham gia
    Apr 2011
    Bài viết
    692
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Chào bạn Babilove,
    Mình có vào xem web của bạn thì thấy banner vẫn chạy bình thường không có lỗi mà.

  9. #9
    Khách hàng Bizweb
    Ngày tham gia
    Nov 2013
    Bài viết
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Name:  Untitled.jpg
Views: 1386
Size:  97.6 KB
    Sao kỳ quá ta, truy cập = máy khác thì bình thường, vào = laptop của mình thì kéo xuống ra thế này (cả 3 trình duyệt IE, FF, Ch). Kéo xuống dc hoài hoài luôn
    Xóa code hiển thị module đi thì ko bị lỗi này nữa.
    Last edited by sale_babilove; 09-12-2013 at 03:25 PM.

  10. #10
    Administrator
    Ngày tham gia
    Apr 2011
    Bài viết
    692
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Chào Babilove,
    Do kích thước chiều dài ảnh của bạn dài hơn chiều dài của website nên mới xuất hiện lỗi này. Bạn resize kích thước hình ảnh lại nhé.

  11. #11
    Khách hàng Bizweb
    Ngày tham gia
    Nov 2013
    Bài viết
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks admin, mình fix lại dc rồi
    Last edited by sale_babilove; 09-12-2013 at 03:24 PM.

  12. #12
    Junior Member
    Ngày tham gia
    Apr 2014
    Bài viết
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    code flash chay dọc hai bên

    code nay có dùng cho site google được không mấy bác?dùng được với site google thì các bước ntn?các bác chỉ giúp em với! thanks các pro nhiêu )

  13. #13
    Administrator
    Ngày tham gia
    Apr 2011
    Bài viết
    692
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Chào bạn Phamtrung,
    Hiện tại code này được viết ra để hỗ trợ cho website của Bizweb.
    Nếu bạn đang sử dụng site google, bạn có thể tạo module và dán đoạn code này vào web của bạn xem có được không nhé.

Trả lời Chủ đề Đăng tin rao vặt
  1. Đây là diễn đàn trao đổi, thảo luận về thương mại điện tử. Vui lòng không đăng tin rao vặt.
    Bạn có thể đăng tin rao vặt tại hangtot.com

Quyền viết bài

  • Bạn Không thể gửi Chủ đề mới
  • Bạn Không thể Gửi trả lời
  • Bạn Không thể Gửi file đính kèm
  • Bạn Không thể Sửa bài viết của mình