Tạo một khung có thanh cuộn trong trang blog như thế nào?

™» CGC Blog «™ Sử dụng code mẫu với tag <PRE  qua ví dụ sau đây :

<DIV align=center>

<PRE style="BORDER-RIGHT: #009 1px solid;

PADDING-RIGHT: 15px;

BORDER-TOP: #009 1px solid;

PADDING-LEFT: 30px;

BACKGROUND: #C1C1FF

PADDING-BOTTOM: 20px;

OVERFLOW: scroll;

BORDER-LEFT: #009 1px solid;

WIDTH: 430px; COLOR: #009;

PADDING-TOP: 30px;

BORDER-BOTTOM: #009 1px solid;

HEIGHT: 250px">

</PRE>

</DIV>

Trong đó những giá trị ghi màu đỏ bạn có thể tuỳ biến theo ý thích của bạn

Đường viền :

BORDER-RIGHT (viền phải)

BORDER-TOP (viền trên)

BORDER-LEFT (viền trái)

BORDER-BOTTOM (viền dưới)

Ở đây giá trị đường viền đều lấy 1px (đường viền mảnh nhất). Nếu lấy lớn hơn cũng được nhưng nhìn có vẻ thô. Màu đường viền ở đây lấy màu mặc định #009 . Bạn có thể lấy màu khác tuỳ thích.

Phần đệm :

PADDING-RIGHT (đệm phải)

PADDING-LEFT(đệm trái)

PADDING-TOP(đệm trên)

(Không dùng đệm dưới, để phát triển xuống tự nhiên tuỳ thích)

Phần đệm là khoảng cách từ biên vùng nhập liệu tới biên trong của khung cuộn. Kích thước phần đệm tương tự kích thước căn lề cho vùng nhập liệu. Trong code trên tạm hiểu lề trên rộng: 30 px , lề trái rộng 30px, còn lề phải 15px.

Màu nền:

BACKGROUND: #C1C1FF

Ở đây lấy màu:  #C1C1FF (ghi nhạt)

Kích thước khung cuộn :

WIDTH: 500px  (chiều ngang: 500px)

HEIGHT: 300px (chiều cao 300px)

Lưu ý :

Ngay trước tag đóng </PRE>, bạn có thể chèn bất cứ món gì , ví dụ một nền trang, hình ảnh, audio, video, hoặc chỉ thuần văn bản.

Lưu ý : Khi chiều ngang của dòng văn bản hay hình ảnh ... mà bạn nhập vào đã vượt qua 500px thì lập tức thanh cuộn ngang xuất hiện. Tương tự, khi bạn nhập văn bản hay các thứ khác có chiều dọc dài hơn 300px thì thanh cuộn dọc sẽ xuất hiện. như truờng hợp ở khung dưới đây:

 

Tạo một khung có thanh cuộn trong trang blog như thế nào?

Nguồn : yeuhanoi.multiply.com

Copy : CGC Blog

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!