Style điện thoại

Thảo luận trong 'Installation & Upgrade Questions' bắt đầu bởi Bvn.vn, 25/7/14.

1votes
5/5, 1 vote

  1. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Demo: http://bvn.vn

    Nhờ các bác hướng dẫn em cách làm sao để ẩn topx và menu bên trái trên trình duyệt điện thoại với, tks các bác nhiều. Ẩn 2 mục em đánh dấu x như dưới hình.

    upload_2014-7-25_1-27-0
     
    Đang tải...
  2. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    up
     
  3. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Sử dụng chức năng responsive, chọn max-width, cho đoạn code này vào :
    .vtlai-topx { display: none;} để tắt topx
    .cssmenu { display: none;} tắt menu bên trái
    fix thêm css responsive cho pagecontent nằm giữa nữa là ok
     
    Bvn.vn thích bài này.
  4. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Em ko rành về cái này lắm bác chỉ em chi tiết xíu được không?
    Chỉ em cụ thể hơn được ko bác? Không rành khoản này lắm :D
     
  5. stung12

    stung12 Member

    Bài viết:
    232
    Likes :
    42
    vậy là quá cụ thể rồi mà ta :D, bạn tìm trong styles có cái nào mà có như là
    @media ...
    thì bạn thêm vào
    thường là code như thế này
    <xen:if is="@enableResponsive">
    @media (max-width:mad:maxResponsiveWideWidth)
    {
    css cho điện thoại tại đây
    }

    cũng có thể viết
    @media (max-width:800px){
    css ở đây
    }
     
    Bvn.vn thích bài này.
  6. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Mình chỉ muốn ẩn topx, quảng cáo, menu bên trái thôi, còn cơ bản thì ok rồi, bác nào temview giúp mình với mình hậu tạ. :(
     
  7. stung12

    stung12 Member

    Bài viết:
    232
    Likes :
    42
    cái phần này cũng tùy theo bạn pm qua yahoo mình qua mình xem giúp cho tungnguyen_it12
     
  8. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Chèn thằng này vào EXTRA.css
    <xen:if is="@enableResponsive">
    @media (max-width:800px)
    {
    .vtlai-topx { display: none;}
    .cssmenu { display: none;}
    }

    Để tắt khi màn hình rộng tối đa 800px, có thể thay 800px bằng bao nhiêu tùy bạn.
     
    Bvn.vn thích bài này.
  9. Minh Bảo

    Minh Bảo Verified User

    Bài viết:
    858
    Likes :
    256
    bác cần styles mới không phù hợp với các box của bác :D sài cái này hoài chán nhỉ ;))
     
    Bvn.vn thích bài này.
  10. stung12

    stung12 Member

    Bài viết:
    232
    Likes :
    42
    800 là tùy điện thoại mà cho nên bạn cứ tự tìm thôi bạn ah
     
  11. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Dạ ko bác à, khi nào nó phát triển rồi nâng cấp bản mới chứ bản này dùng thành viên quen rồi :D
     
  12. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Không được bác à, nó vẫn hiển thị như bình thường :(
     
  13. vntrick

    vntrick Member

    Bài viết:
    95
    Likes :
    15
    Bác chèn vào extra.css hoặc vào thẳng file css của mỗi addon bác cài mình có ngó qua cái trang của bác, thì cái vtlai topX của bác có ID là #vtlai-topx, cái bên sidebar là #cssmenu chứ không phải là class như mấy bác trên nói)
    Mã:
    @media screen and (max-width:800px)
    {
    #vtlai-topx { display: none !important;}
    #cssmenu { display: none !important;}
    }
    Code trên có nghĩa là với màn hình điện thoại nhỏ hơn 800px thì sẽ được sử dụng code nằm trong đó.
    Bác có thể sửa 800px thành số bạn muốn tùy theo màn hình hiển thị.
     
    Bvn.vn thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...