Tuesday, February 17, 2009

Mở rộng phần hiển thị nội dung bài viết

Một thủ thuật sau đây từ BlogU sẽ giúp bạn mở rộng không gian phần hiển thị nội dung bài viết của bạn trong blog. Đầu tiên bạn vào Layout > Edit HTML, sau đó bạn tìm đến đoạn mã sau:


#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Sau đó bạn sửa lại như ví dụ dưới đây:


#outer-wrapper {
width: 860px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 610px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Ở đây mình tăng chiều rộng thêm 200px. Công việc còn lại là lưu lại và xem kết quả.




Xem đầy đủ bài viết tại http://toiyeugoogle.blogspot.com/2009/02/mo-rong-phan-hien-thi-noi-dung-bai-viet.html

No comments:

Post a Comment

Popular Posts