Code trang trí tết đẹp cho website

[daklak1985]

<style type="text/css">
body{padding-bottom:20px}
@media (max-width: 767px) {
  .banner_left img,.banner_right img{
display:none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner_left img,.banner_right img{
width:100px;
}
}

@media (min-width: 992px){
  .banner_left img,.banner_right img{
width:150px;
}
}
</style>
<div class="banner_left" style="position:fixed;z-index:9999;top:0;left:0">
<a href="http://vnxf.vn" target="_blank">
<img  src="images/banner_left.png" _cke_saved_src="images/banner_left.png"/>
</a>
</div>
<div class="banner_right" style="position:fixed;z-index:9999;top:0;right:0" >
<a href="http://vnxf.vn/" target="_blank">
<img src="images/banner_right.png"/>
</a>
</div>
<div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(images/nentet.png) repeat-x bottom left;">
</div>
<a href="http://vnxf.vn/" target="_blank">
<img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="images/banner_header.png"/>
</a>

Dùng code này để responsive

Code này dùng trên tất cả các dòng điện thoại khác vẫn ẩn đc nhưng riêng dòng ipad có kích thước màn hình 768x1024 thì nó không ẩn,nó vẫn hiển thị 2 banner ở 2 bên,ai biết cách fix không hướng dẫn mình với,thanks ! @PVS

 

[PVS]

bạn tăng giá trị của max-width và min-width lên là được

 

[daklak1985]

bạn tăng giá trị của max-width và min-width lên là được

Sửa hoài rồi mà khi test trên trình duyệt Blisk lại không đc,hướng dẫn cụ thể đi cậu,nó bị trên ipad ở màn hình 768x1024 và điện thoại Google Nenus 800x1280

 

[daklak1985]

<style type="text/css">
body{padding-bottom:20px}
@media (max-width: 767px) {
  .banner_left img,.banner_right img{
display:none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner_left img,.banner_right img{
width:100px;
}
}

@media (min-width: 992px){
  .banner_left img,.banner_right img{
width:150px;
}
}
</style>
<div class="banner_left" style="position:fixed;z-index:9999;top:0;left:0">
<a href="http://vnxf.vn" target="_blank">
<img  src="images/banner_left.png" _cke_saved_src="images/banner_left.png"/>
</a>
</div>
<div class="banner_right" style="position:fixed;z-index:9999;top:0;right:0" >
<a href="http://vnxf.vn/" target="_blank">
<img src="images/banner_right.png"/>
</a>
</div>
<div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(images/nentet.png) repeat-x bottom left;">
</div>
<a href="http://vnxf.vn/" target="_blank">
<img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="images/banner_header.png"/>
</a>

Dùng code này để responsive

Code này dùng trên tất cả các dòng điện thoại khác vẫn ẩn đc nhưng riêng dòng ipad có kích thước màn hình 768x1024 thì nó không ẩn,nó vẫn hiển thị 2 banner ở 2 bên,ai biết cách fix không hướng dẫn mình với,thanks ! @PVS @THB @NimGiaMinh

 

[daklak1985]

bạn tăng giá trị của max-width và min-width lên là được

Tất cả dòng điện thoại đều ổn nhưng riêng dòng ipad khi xoay màn hình ngang sẽ có kích thước 1024px thì 2 cái banner 2 bên hiện ra chà bá luôn,còn xoay lại màn hình dọc thì không bị vì đã ẩn 768px,tớ fix cái ipad màn hình ngang 1024px 2 ngày nay rồi mà vẫn chưa được,kể cả tìm hiểu thêm trên google,cậu có thể giúp tớ fix đoạn code trên đc k vậy?

 

[PVS]

Bạn liên hệ các coder nha chứ ngoài tầm hiểu biết của mình mất tiêu rồi

 

[Blue]

@media (max-width: 1100px) {
  .banner_left img,.banner_right img{
display:none;
}
}

Thêm đoạn trên vào là nó chỉ hiện trên màn hình size chuẩn full hd 16:9

 

[Blue]

Phải chờ 1 năm nữa mới được sài code này lâu vãi ra.
Bác!
Làm phát xe tăng kỷ niệm 40 năm giải phóng tất cả các mem cùng sài cho nó xôm bác.

2 năm đã qua @Jindo_Katori nhỉ :v

 

[daklak1985]

@media (max-width: 1100px) {
  .banner_left img,.banner_right img{
display:none;
}
}

Thêm đoạn trên vào là nó chỉ hiện trên màn hình size chuẩn full hd 16:9

nói chung là tạm ổn,thanks

 

[Jindo_Katori]

2 năm đã qua @Jindo_Katori nhỉ :v

Vâng bác.
Chúc bác cùng các anh em năm mới dồi giào sức khỏe và có nhiều tiền để tiếp tục nuôi đam mê.
Bắt đầu giai đoạn tiếp theo cạnh tranh nhiều, thời gian không đủ để chăm chút chắc cũng phải bắt đầu thuê người viết bài rồi.
Khi nào dành đủ tiền thì "tối ưu" sau

 

[longnguyen1997]

tết rồi.. đào nào

 

[longnguyen1997]

Dây là file hình mình đã loại bỏ 2 cái bảng cho nó nhỏ nhẹ...