Templat:Collapse top/doc
Templat {{collapse top}}
(atau {{cot}}
), dan templat {{collapse bottom}}
(atau {{cob}}
) sebagai pasangannya, digunakan untuk meletakkan sebuah collapse box (kotak yang dapat disembunyikan) di diskusi halaman pembicaraan, khususnya ketika konten berisi wikimarkup yang kompleks seperti tabel. Untuk konten yang sangat sederhana, templat {{collapse}}
dapat digunakan.
Penggunaan
[sunting sumber]Letakkan {{collapse top}}
(atau {{cot}}
), dan {{collapse bottom}}
(atau {{cob}}
), di sekitar teks yang ingin disembunyikan. Sebagai contoh:
{{collapse top|title=Ini adalah baris judul}} Contoh konten yang disembunyikan {{collapse bottom}}
akan menghasilkan:
Ini adalah baris judul |
---|
Contoh konten yang disembunyikan |
{{collapse bottom}}
sebaiknya diletakkan di baris tersendiri.
Parameter-parameter
[sunting sumber]Templat ini menggunakan parameter-parameter berikut, yang semuanya bersifat opsional; sifat mereka peka kapital (case-sensitive). Bagi parameter yang menggunakan pengukuran CSS, perlu diisi dengan format CSS (contohnya 1em
bukan 1 em
).
|1=
,|title=
,|reason=
,|header=
,|heading=
,|result=
, atau teks pertama yang tidak disertai nama parameter- Akan menghasilkan judul pada collapsed box, yang selalu terlihat dan akan muncul pada baris yang sama dengan pranala tampil. Teks bawaan parameter ini adalah "Konten yang diperluas". Contoh penggunaan adalah
{{collapse top|title=Ini akan menjadi judul}}
atau{{collapse top|Ini akan menjadi judul}}
. Catatan: Cara dengan menulis teks tanpa disertai parameter tidak akan bekerja jika judul mengandung karakter sama dengan (=
). |warning=yes
- Akan menampilkan baris peringatan dibawah judul utama dengan teks "Debat ini telah ditutup. Jangan ubah lagi." Sembarang nilai untuk parameter ini akan menghasilkan efek yang sama (yakni,
|warning=no
tidak akan berkerja sesuai harapan). |2=
atau teks kedua yang disertai nama parameter- Ini adalah baris peringatan yang opsional. Teks yang diletakkan disini akan mengganti teks peringatan standar di atas; tidak diharuskan menggunakan
|warning=yes
dalam kasus ini, walaupun tidak ada salahnya juga menggunakannya. |left=yes
- Akan membuat judul bersifat rata-kiri. Standarnya, teks judul akan rata tengah, diantara sisi kiri kotak hijau dan sisi kiri pranala "tampil". Sembarang nilai untuk parameter ini akan menghasilkan efek yang sama (yakni,
|left=no
tidak akan berkerja sesuai harapan); dan tidak ada parameter|right=
. |expand=yes
atau|collapse=no
- Akan membuat konten terlihat (tidak tersembunyi). Tanpa parameter ini konten akan tersembunyi. Sembarang nilai untuk parameter ini akan menghasilkan efek yang sama (yakni
|expand=no
dan|collapse=yes
tidak akan berkerja sesuai harapan). |bg=
- Mengatur warna latar (background color) dari konten yang disembunyikan. Nilai bawaan adalah
#CCFFCC
, hijau muda. Nama warna mengikuti en:Lists_of_colors|Lists of colors. Sebagai contoh,{{collapse top|Judul dari kotak|bg=#F0F2F5}}
atau{{collapse top|Judul dari kotak|bg=LightGrey}}
(kode warna HTML mengharuskan dimulai dengan#
). |fc=
- Mengatur warna font dari baris judul. Nilai bawaannya mengikuti warna font dari konteks saat ini. Lihat
|bg=
, di atas, untuk detail pilihan warna. |border=
- Mengatur ketebalan garis border dari konten yang disembunyikan. Nilai bawaan adalah
1px
. Sebagai contoh,{{collapse top|border=2px}}
; lebih tebal dari ini tidak akan berefek banyak. |b-color=
- Mengatur warna border, dengan nilai bawaan
Silver
(#C0C0C0
). Lihat|bg=
, di atas, untuk detail pilihan warna. |padding=
- Mengatur padding (jarak dari border) dari konten yang disembunyikan. Nilai bawaan adalah
0.6em
. |width=
- Mengatur lebar templat secara keseluruhan dengan lebar halaman (atau sebuah elemen blok yang mengandung collapse box ini). Nilai parameter ini seharusnya diisi dalam bentuk persen, seperti
|width=50%
, atau dalam unit relatif em, seperti|width=30em
. Nilai berbasis pixel perlu dihindari, karena mereka sama sekali tidak berguna – hasil yang didapatkan akan berbeda-beda tergantung browser setiap pengguna dan pengaturan CSS lokal (yang digunakan oleh browser dan sistem operasi, seperti zoom level, ukuran font, dll.). |border2=
- Mengatur sifat dari border ketika templat diperluas (expanded); Nilai bawaan adalah
1px Silver
(tidak ada keperluan untuk mengubahnya dari garis yang standar). Sebagai contoh,{{collapse top|border2=2px}}
(hanya lebar atau warna yang berubah jika hanya mengisi satu nilai). Lihat|bg=
, di atas, untuk detail pilihan warna. |bg2=
- Mengatur warna latar dari konten ketika templat diperluas; Nilai bawaan adalah
White
(#FFFFFF
). Lihat|bg=
, di atas, untuk detail pilihan warna. |indent=
- Mengidentasi kotak dari sisi kiri halaman. Standarnya tidak ada indentasi. Setiap
:
di halaman pembicaraan kurang lebih sama dengan identasi sebesar1.6em
(yakni, untuk menyesuaikan identasi level::::
, gunakan|indent=6.4em
). Anda juga dapat menggunakan nilai persen. Penggunaan nilai berbasis pixel perlu dihindari (lihat|width=
, di atas, untuk alasannya). |clear=
- Dalam beberapa situasi Anda mungkin tidak menginginkan efek
clear: both;
bawaan dari CSS, yang akan meletakkan collapse box dibawah konten mengambang (floated content) kiri atau mengambang kanan, pada blok HTML yang sama. Untuk kasus ini, Anda dapat menggunakan|clear=none
,|clear=right
, atau|clear=left
, sesuai kebutuhan.
Contoh
[sunting sumber]- Menambahkan judul pada kotak (yang jika tidak diisi, akan menampilkan default is "Konten yang diperluas") –
{{collapse top|Ini akan menjadi judul dari kotak}}
Ini akan menjadi judul dari kotak |
---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Menambahkan baris peringatan standar –
{{collapse top|Judul dari kotak ini|warning=true}}
Judul dari kotak ini |
---|
Debat ini telah ditutup. Jangan ubah lagi. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Menambahkan baris peringatan khusus –
{{collapse top|Judul dari kotak ini|Baris peringatan khusus}}
Judul dari kotak ini |
---|
Baris peringatan khusus |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Membuat judul menjadi rata kiri –
{{collapse top|left=true}}
Konten yang diperluas |
---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Mengganti warna latar –
{{collapse top|bg=#F0F2F5}}
Konten yang diperluas |
---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Menambahkan padding ekstra –
{{collapse top|padding=5em}}
Konten yang diperluas |
---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Mengarsipkan suatu bagian: markup seperti di bawah:
{{collapse top}} ==Judul bagian== Contoh konten yang ingin disembunyikan {{collapse bottom}}
perlu ditulis ulang menjadi:
{{collapse top|Section header}} Contoh konten yang ingin disembunyikan {{collapse bottom}}
Hasil akhir:
Section header |
---|
Contoh konten yang ingin disembunyikan |
Lihat pula
[sunting sumber]- {{collapse}}
- {{collapse bottom}}
- {{discussion top}} and {{discussion bottom}}
- {{hidden archive top}} and {{hidden archive bottom}}
- {{hidden begin}} and {{hidden end}}
- {{hidden}}
- {{collapsible list}}