Cách tạo quảng cáo trên header giống nhật tảo

Thảo luận trong 'Style & Template Questions' bắt đầu bởi sukoro, 20/8/14.

1votes
5/5, 1 vote

  1. sukoro

    sukoro Member

    Bài viết:
    57
    Likes :
    23
    Mình thấy bên nhật tảo có cái quảng cáo trên header rất hay. Khi mình kéo nhỏ màn hình lại thì quảng cáo sau khi chạm vào phần logo sẽ tự động biến mất mà không chèn logo xuống dưới. Nhờ các bác chỉ giúp cách làm, mình có view code của bên đó nhưng không hiểu.
     
    Đang tải...
  2. sukoro

    sukoro Member

    Bài viết:
    57
    Likes :
    23
    Ai giúp mình với!
     
  3. sukoro

    sukoro Member

    Bài viết:
    57
    Likes :
    23
    Không ai giúp mình sao
     
  4. tmcodon

    tmcodon Verified User

    Bài viết:
    490
    Likes :
    125
    đó là responsive, dùng css display:none hoặc display:block để ẩn hiện thôi
     
    sukoro thích bài này.
  5. sieuthigps

    sieuthigps Member

    Bài viết:
    98
    Likes :
    31
    Cụ thể hơn được không bác?
     
  6. sukoro

    sukoro Member

    Bài viết:
    57
    Likes :
    23
    bạn hướng dẫn chi tiết chút, mình ko hiểu nhiều về code nên không biết làm ntn?
     
  7. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    Chả biết xưng gì... Nên xin lỗi vì không dùng
    Có thể vào trong các css của xenforo và kiếm các phần liên quan đến responsive và vọc thử xem nó như thế nào, có thể chỉnh ".vidu" thêm display: none; vào trong phần code css của responsive.
    Nhớ không nhầm là vậy
     
    sukoro thích bài này.
  8. sukoro

    sukoro Member

    Bài viết:
    57
    Likes :
    23
    Vấn đề là mình đã tìm trên diễn đàn ở bài dưới
    http://vxf.vn/resources/tao-responsive-cho-vxf-advanced-forum-statistics.420/
    Nhưng chưa hiểu cách viết để cái banner trong phần ad_header biến mất khi thu nhỏ màn hình cái banner chạm vào phần logo ấy bạn. Nhờ bạn hướng dẫn hoặc bạn @hacobi1102 , bạn @tmcodon chỉ giúp
     
  9. tmcodon

    tmcodon Verified User

    Bài viết:
    490
    Likes :
    125
    Bác vào styles/ EXTRA.css thêm đoan code này:

    @media all and (max-width: 1023px) { /* CSS cho thiết bị di động */
    .quangcao {
    display:none;
    }


    Dùng firebug để tìm và thay thế .quangcao bằng class bạn đang sử dụng
     
    Zanag, AC_Khanh01 and sukoro like this.
comments powered by Disqus

Chia sẻ trang này

Đang tải...