3/2/12

Giới hạn chiều rộng - chiều cao tối đa của tiện ích.

(SN-MS) Thủ thuật giới hạn chiều rộng và chiều cao của một tiện ích. Trong thủ thuật này đã thêm thanh cuộn dọc cho tiện ích khi chiều cao của tiện ích vượt quá giới hạn.

Xem Demo

1. Xác định ID của widget cần chỉnh sửa.
Bạn chọn chỉnh sửa tiện ích cần thay đổi chiều cao - chiều rộng và đến cuối dòng link để lấy ID. (xem hình)

Theo trên hình thì tiện ích của mình có ID là BlogArchive1
2. Chèn vào trước thẻ ]]></b:skin> đoạn code sau:

#BlogArchive1 {
max-height:200px;
max-width:200px;
overflow:auto;
}

Thay BlogArchive1 là ID bạn lấy được ở bước 1. Sau template lại là xong.

Giải thích.
max-height: là chiều cao tối đa
max-width: là chiều rộng tối đa
overflow:auto là thanh cuộn xuất hiện khi chiều cao tiện ích vượt chiều cao tối đa.
Bạn thay những thông số trên cho phù hợp với blog là được rồi.
Những bạn hiểu về css thì có thể thêm 1 vài thành phần để làm cho tiện ích nổi bật hơn.

Theo voquocan.com