Home » , , » Code CSS resize ảnh tự động blogspot

Code CSS resize ảnh tự động blogspot

Written By Viet Bao Nguyen on Thứ Tư, 18 tháng 4, 2012 | 22:36

Trong bài này mình sẽ hướng dẫn kĩ thuật resize ảnh đơn giản với css, chỉ 1 vài dòng code ngắn là ta có thể làm được. Và vì đơn giản nên thủ thuật này ta không tùy biến được nhiều. Bài hướng dẫn này mình sẽ chỉ post code thủ thuật, còn hướng dẫn chi tiết các bạn có thể xem ở trong trang DEMO.

code resize ảnh cho blogspot, CSS resize ảnh blogspot, thủ thuật thay đổi kích thước ảnh trong blogspot
 Tags: code resize ảnh cho blogspot, CSS resize ảnh blogspot, thủ thuật thay đổi kích thước ảnh trong blogspot
Các bước thực hiện:
1. vào bố cục
2. vào chỉnh sửa code HTML
3. chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin>

.post IMG {
   max-width:250px;
   width: expression(this.width &gt; 250 ? 250: true);
   max-height:220px;
   height: expression(this.height &gt; 220 ? 220: true);
}
- thay đổi lại các con số : 250, 220 theo như ý muốn của bạn. Với 250 là độ rộng của ảnh muốn resize, 220 là chiều cao.
4. Save template.
Chúc các bạn thành công.

Chia sẻ bài viết này :

Không có nhận xét nào:

Đăng nhận xét