Thành viên:Kietvnm/Hộp collapsible
Nếu bạn muốn tạo một hộp collapsible đơn giản, copy đoạn mã dưới đây và dán vào trang của bạn:
{{Hidden begin
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
| showhide = <!--"left", otherwise omit-->
| class =
| style =
| border =
| title =
| titlestyle =
| bg1 =
| ta1 =
| contentstyle =
| bg2 =
| ta2 =
<!--Older, semi-deprecated parameters:-->
| header = | extra1 = | extra2 =
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}
Bạn cũng có thể qua trang Bản mẫu:Hết phần ẩn để tự làm bản mẫu của mình.
Hướng dẫn chỉnh sửa hộp collapsible:
PHẦN I: LÝ THUYẾT
LƯU Ý: ĐIỆN THOẠI KHÔNG SỬ DỤNG ĐƯỢC.
Thứ cần làm'
Việc đầu tiên bạn cần làm là copy hết chỗ này rồi mở bảng chỉnh sửa sau đó dán qua trang của bạn hoặc chỗ thử để xem kết quả. Sau đó bạn trở lại trang này đọc hướng dẫn và mở cả trang kia để làm. Ở bên trang kia bạn có thể xóa phần hướng dẫn để thực hành ở trên đó.
Căn lề:
Nếu bạn muốn căn lề cho tiêu đề hộp hoặc văn bản bên trong hộp thì làm theo hướng dẫn bên dưới:
- Căn lề cho tiêu đề hộp: Nhập "text-align:center;" để căn lề giữa hoặc "text-align:right;" để căn lề phải. Nhập vào hàng 2, chỗ có chữ "| titlestyle =". Nhập dòng lệnh hồi nãy sau dấu bằng.
- Căn lề cho văn bản bên trong hộp: Nhập right; center để căn lề phải và giữa. Nhập vào hàng thứ 8, chỗ có chữ "ta2 = left". Thay chữ left đó thành chữ right hoặc center để căn lề trái, phải và giữa.
Màu nền:
Nếu bạn muốn hộp collapsible của mình đẹp hơn và màu mè hơn, bạn có thể chỉnh màu nền trong phần "bg1" và "bg2". Làm theo hướng dẫn bên dưới:
- Màu nền tiêu đề: Chỉnh ở hàng 5, thay màu mặc định(orange) bằng các màu khác cho đẹp hơn và phù hợp với sở thích của bạn.
- Màu nền văn bản bên trong: Chỉnh ở hàng 6, cách làm giống như chỉnh sửa màu nên của tiêu đề.
Đường viền:
Nếu bạn muốn chỉnh sửa đường viền theo sở thích của mình, chỉnh sửa ở hàng 4, chỗ có "| border = 1px solid red". Điều chỉnh chữ "red" và chữ "1" để đổi màu viền và bề dày của viền
Định dạng cho chữ:
Định dạng cho chữ trong hộp collapsible giống như định dạng bên ngoài nên bạn có thể học mã wiki để biết thêm về định dạng chữ
Xuống dòng:
Xuống dòng trong hộp collapsible khác hẳn bên ngoài nên khi bạn xuống dòng trong hộp collapsible, hệ thống sẽ coi nó là dấu trắng và nối liền hai đoạn văn bản dược xuống dòng của bạn. Để xuống dòng, bạn sẽ nhập mã "<br>" trước chữ bạn muốn xuống dòng.
Chèn link
Nếu bạn muốn chèn link vào hộp collapsible của bạn, làm theo những cách sau:
- Gắn link trực tiếp: Nhập [[Tên trang]] để có link. Trong đó, Tên trang là tên của trang, dấu [[]] là dấu để tạo link.
- Gắn link có format: Bạn chỉ việc thêm "| chữ muốn hiện" vào sau tên trang là được.
PHẦN II: THỰC HÀNH
Bây giờ hãy bắt đầu chỉnh sửa và tạo collapsible cho riêng bạn!
Liên hệ:
Tác giả: Kietvnm
Email: lenguyen28092010@gmail.com
Xem trang cá nhân Để lại tin nhắn Học mã wiki