Thứ Hai, 12 tháng 8, 2013

ĐÓNG KHUNG VÀ TẠO THANH 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.
Bạn có thể xem thí dụ bài thơ phía dưới.

BÀI THƠ QUỐC KHÁNH 2/9



Vương triều Thái Tổ tụ Thăng Long
Đại lễ ngàn năm thỏa tấm lòng
Bài hịch - trang thơ yên xã tắc
Tuyên ngôn độc lập, vẹn non sông
Ba Đình huyền thoại trời "chim lạc"
Hà Nội hùng thiêng đất "lửa rồng"
"Thành phố hòa bình" nâng vị thế
Thủ đô lộng lẫy dáng Thăng Long





Trưa buồn thêm vắng, nắng hắt hiu
Gió đưa khói biếc trả về chiều
Mừng ngày lập nước ta đưa bút
Ghi mấy vần thơ viết đôi điều


Tháng Chín năm xưa, nay còn đó
Dẫu rằng Người cũ đã xa rồi
Một đôi dòng chữ cho nỗi nhớ
Tháng ngày hào hùng, chớ có quên./


Tổ quốc Việt nam đẹp vô cùng
Núi cao đồng rộng biển mênh mông
Tương lai trao tay đàn em nhỏ
Gắng xây đất nước vững thành đồng.


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 (xem hình)






Đ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 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.
Chúc bạn thành công
 



Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét:

Đăng nhận xét