Chủ Nhật, 1 tháng 12, 2013

Đóng khung và tạo thanh trượt cho bài viết

Nhiều bài viết của bạn rất dài, chính vì thế để tránh tốn không gian cho blog cũng như giúp người đọc thoải mãi hơn thì đây chính là giải pháp tốt cho bạn.

DEMO

Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:

border 10px: độ rộng 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

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

CODE:
<div style="border: 10px dashed orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px;
width: 620px;
overflow:auto;">
Chèn nội dung vào đây
</div>

Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình:

border 10px: độ rộng 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.