Bản mẫu:Hộp cuộn

Tài liệu bản mẫu[xem] [sửa] [lịch sử] [làm mới]

Cảnh báo

[sửa mã nguồn]

Không nên sử dụng bản mẫu này tại phần chính của bài viết.

Bản mẫu danh sách cuộn này tạo ra một hộp cuộn trong một trang mà cho phép một nội dung lới được giới hạn xuống một số lượng pixel cho trước.

Sử dụng

[sửa mã nguồn]

{{scroll box
|width=chiều rộng (pixel hoặc phần trăm)
|height=chiều cao (pixel)
|text=nội dung
}}

Phần văn bản có màu phải được thay thế đúng như mô tả ở đây:

chiều rộng

Chiều rộng hộp, đơn vị pixel hoặc phần trăm. (mặc định=100%)

chiều cao

Chiều cao hộp, chỉ dùng đơn vị pixel. (mặc định=230px)

nội dung

Phần văn bản được đặt trong hộp. Lưu ý hộp cuộn này chỉ hiện ra khi phần văn bản đủ dài để cuộn. (phần cần có, không có giá trị mặc định)

Ví dụ 1 (đơn giản)

[sửa mã nguồn]
{{scroll box|
* Ví dụ 01
* Ví dụ 02
* Ví dụ 03
* Ví dụ 04
* Ví dụ 05
* Ví dụ 06
* Ví dụ 07
* Ví dụ 08
* Ví dụ 09
* Ví dụ 10
* Ví dụ 11
* Ví dụ 12
* Ví dụ 13
* Ví dụ 14
* Ví dụ 15
}}

Kết quả

[sửa mã nguồn]

Một vài văn bản:

  • Ví dụ 01
  • Ví dụ 02
  • Ví dụ 03
  • Ví dụ 04
  • Ví dụ 05
  • Ví dụ 06
  • Ví dụ 07
  • Ví dụ 08
  • Ví dụ 09
  • Ví dụ 10
  • Ví dụ 11
  • Ví dụ 12
  • Ví dụ 13
  • Ví dụ 14
  • Ví dụ 15

Ví dụ 2 (với 1 tham số)

[sửa mã nguồn]
{{scroll box|text=
* Ví dụ 01
* Ví dụ 02
* Ví dụ 03
* Ví dụ 04
* Ví dụ 05
* Ví dụ 06
* Ví dụ 07
* Ví dụ 08
* Ví dụ 09
* Ví dụ 10
* Ví dụ 11
* Ví dụ 12
* Ví dụ 13
* Ví dụ 14
* Ví dụ 15
}}

Kết quả

[sửa mã nguồn]
  • Ví dụ 01
  • Ví dụ 02
  • Ví dụ 03
  • Ví dụ 04
  • Ví dụ 05
  • Ví dụ 06
  • Ví dụ 07
  • Ví dụ 08
  • Ví dụ 09
  • Ví dụ 10
  • Ví dụ 11
  • Ví dụ 12
  • Ví dụ 13
  • Ví dụ 14
  • Ví dụ 15

Ví dụ 3 (chiều rộng)

[sửa mã nguồn]
{{scroll box|width=75%|text=
* Ví dụ 01
* Ví dụ 02
* Ví dụ 03
* Ví dụ 04
* Ví dụ 05
* Ví dụ 06
* Ví dụ 07
* Ví dụ 08
* Ví dụ 09
* Ví dụ 10
* Ví dụ 11
* Ví dụ 12
* Ví dụ 13
* Ví dụ 14
* Ví dụ 15
}}

Kết quả

[sửa mã nguồn]
  • Ví dụ 01
  • Ví dụ 02
  • Ví dụ 03
  • Ví dụ 04
  • Ví dụ 05
  • Ví dụ 06
  • Ví dụ 07
  • Ví dụ 08
  • Ví dụ 09
  • Ví dụ 10
  • Ví dụ 11
  • Ví dụ 12
  • Ví dụ 13
  • Ví dụ 14
  • Ví dụ 15

Ví dụ 4 (chiều rộng và chiều cao)

[sửa mã nguồn]
{{scroll box|width=150px|height=100px|bar=invisible|text=
* Ví dụ 01
* Ví dụ 02
* Ví dụ 03
* Ví dụ 04
* Ví dụ 05
* Ví dụ 06
* Ví dụ 07
* Ví dụ 08
* Ví dụ 09
* Ví dụ 10
* Ví dụ 11
* Ví dụ 12
* Ví dụ 13
* Ví dụ 14
* Ví dụ 15
}}

Kết quả

[sửa mã nguồn]
  • Ví dụ 01
  • Ví dụ 02
  • Ví dụ 03
  • Ví dụ 04
  • Ví dụ 05
  • Ví dụ 06
  • Ví dụ 07
  • Ví dụ 08
  • Ví dụ 09
  • Ví dụ 10
  • Ví dụ 11
  • Ví dụ 12
  • Ví dụ 13
  • Ví dụ 14
  • Ví dụ 15
Chúng tôi bán
Bài viết liên quan
Một số thông tin đáng lưu ý về tính chuẩn xác khi nói về Lôi Thần của Inazuma - Raiden Ei
Một số thông tin đáng lưu ý về tính chuẩn xác khi nói về Lôi Thần của Inazuma - Raiden Ei
Vị thần của vĩnh hằng tuy vô cùng nổi tiếng trong cộng đồng người chơi, nhưng sự nổi tiếng lại đi kèm tai tiếng
Borrowed Time - bộ phim ngắn khá u tối của Pixar
Borrowed Time - bộ phim ngắn khá u tối của Pixar
Pixar Animation Studios vốn nổi tiếng với những bộ phim hơi có phần "so deep"
Cách chúng tôi lần ra mắt sản phẩm trên Product hunt và xếp hạng Top #1 ngày
Cách chúng tôi lần ra mắt sản phẩm trên Product hunt và xếp hạng Top #1 ngày
Đây là lần đầu tiên mình quảng bá một sản phẩm công nghệ trên Product Hunt.
Noel nên tặng quà gì cho độc đáo
Noel nên tặng quà gì cho độc đáo
noel nên tặng quà gì cho bạn gái, giáng sinh nên tặng quà gì và kèm với đó là thông điệp cầu chúc may mắn, an lành đến cho người được nhận quà