BÀI MỚI NHẤT

Monday, October 28, 2013

Khung code trượt cho bài viết

Đôi khi bài viết của bạn quá dài chiếm nhiều không gian trên Blog, bạn có thể đóng khung và tạo thêm thanh trượt cho "nó".
Thủ thuật này giúp bài viết của bạn nằm trọn trong một khung viền màu khá đẹp mắt, bên phải là thanh trượt kéo lên xuống để khách tham quan có thể đọc hết cả bài viết mà vẫn không chiếm hết không gian của blog mình.

Thủ thuật này khá đơn giản, khi đăng bài mới bạn để chế độ HTML và copy đoạn code phía dưới dán vào phía dưới khung soạn bài viết
Đoạn code đây:
<div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px
width: 620px; 
overflow:auto;">
Nội dung bài viết của bạn ở đây
</div>

Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:
border 10px: độ rộng đường viền của khung
solid orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)
color aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)
height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)
Width: độ rộng của khung
Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha

Post a Comment

 
Copyright © 2014 Welcome