Modify Form comment : Bài 5 - Tạo thanh trượt cho vùng hiển thị các bài comment

Người đăng: yeu mai em on Thứ Bảy, 16 tháng 5, 2009


[FD's BlOg] - Khi mà các comment ở một bài viết nào đó trong blog của bạn trở nên quá nhiều, nó sẽ làm cho blog của bạn dài lê thê, là tốn không gian của blog . Vì thế bài viết này sẽ hướng dẫn bạn 1 thủ thuật cơ bản để tạo một thanh trượt cho vùng hiển thị các bài comment.



Với thủ thuật này, khi số bài comment quá nhiều thì tự động sẽ xuất hiện thanh trượt. Thủ thuật này mình cũng đã gặp ở 1 vài blog, ví dụ blog ngankvn.tk, 1 blog có khá nhiều comment/bài viết.

Hình ảnh minh họa:

trước khi thực hiện thủ thuật:

sau khi thực hiện :


Thủ thuật này rất đơn giản, chỉ vài dòng lệnh là ta có thể thực hiện được.

Các bạn đăng nhập blog » vào bố cục » vào chỉnh sửa code HTML » tìm đọan code bên dưới:

#comments-block {
line-height:1.5em;
}


Và thêm các dòng code màu đỏ như bên dưới:

#comments-block {
line-height:1.5em;
height: 400px;
width: 480px;

overflow:auto;

}

- Thay đổi các giá trị heightwidth cho phù hợp với blog của bạn.
- Save template.

Chúc các bạn thành công.

{ 0 nhận xét... read them below or add one }

Đăng nhận xét