Templat:Ciutkan: Perbedaan antara revisi

Revisi terkini sejak 11 Oktober 2026 23.44

Tampilkan/Sembunyikan Content

Dokumentasi templat[lihat] [sunting] [riwayat] [segarkan]

Templat:Ciutkan digunakan untuk membungkus teks, daftar (bullet points), catatan kaki, atau blok kode agar dapat terlipat (menciut) dan disembunyikan secara interaktif oleh pembaca.

Penggunaan

Salin dan tempel salah satu format di bawah ini ke dalam artikel:

Format Ringkas

{{Ciutkan
| judul = 
| sembunyi = ya
| 1 = 
Isi konten di sini.
}}

Format Lengkap

{{Ciutkan
| judul       = 
| sembunyi    = 
| bg          = 
| border      = 
| style       = 
| style-judul = 
| style-isi   = 
| 1           = 
}}

Parameter

Parameter	Status	Default	Keterangan
`judul` / `title`	Opsional	`Tampilkan/Sembunyikan Content`	Teks judul yang ditampilkan pada baris header (bagian yang diklik untuk membuka/menutup).
`sembunyi` / `collapsed`	Opsional	Kosong	Isi dengan `ya` jika ingin wadah otomatis terlipat/tersembunyi saat halaman baru dibuka.
`1` / `konten` / `content`	Wajib	Kosong	Teks, daftar, atau kode mentah yang ingin dimasukkan ke dalam wadah.
`bg`	Opsional	`#f8f9fa`	Warna latar belakang (background) wadah.
`border`	Opsional	`1px solid #e0e0e0`	Ketebalan dan warna garis tepi.
`style`	Opsional	Kosong	Gaya CSS tambahan untuk wadah luar.
`style-judul`	Opsional	Kosong	Gaya CSS tambahan untuk bagian teks judul.
`style-isi`	Opsional	Kosong	Gaya CSS tambahan untuk bagian dalam konten.

Contoh Penggunaan

1. Teks dan Daftar Biasa

{{Ciutkan
| judul = Daftar Cabang Olahraga
| sembunyi = ya
| 1 = 
* Sepak Bola
* Bulu Tangkis
* Pencak Silat
}}

2. Membungkus Kode Mentah (Code Snippet)

Gunakan tag (code><pre</code) di dalam parameter konten agar sintaks kode tidak tereksekusi oleh parser.

{{Ciutkan
| judul = Kode JavaScript Custom
| sembunyi = ya
| 1 = <pre>
function helloWikisport() {
    console.log("Welcome to Wikisport!");
}}

3. Mengubah Warna Latar & Garis Tepi

{{Ciutkan
| judul = Informasi Penting
| bg = #eaf3ff
| border = 1px solid #36c
| 1 = Catatan khusus mengenai regulasi pertandingan.
}}

Catatan Penting & Peringatan

Jangan gunakan templat ini untuk membungkus Tabel Wikitext!

Jika Anda memasukkan sintaks tabel MediaWiki (seperti {|, |-, |, |}) langsung ke dalam parameter templat ini, parser MediaWiki akan mengalami parsing error dan merender tabel menjadi teks mentah acak-acakan.

Solusi untuk Tabel: Gunakan kelas bawaan MediaWiki mw-collapsible secara langsung pada elemen tabel tersebut:

{| class="wikitable mw-collapsible mw-collapsed" style="width:100%;"
! Riwayat Pertandingan
|-
| Menang vs Contoh Lawan (Ronde 1 KO)
|}

Dokumentasi di atas ditransklusikan dari Templat:Ciutkan/doc.
Penyunting dapat melakukan uji coba pada halaman bak pasir dan kasus uji templat ini.
Mohon tambahkan kategori pada subhalaman /doc. Subhalaman templat ini.

@@ Baris 1: / Baris 1: @@
-{| role="presentation" <!-- Template:Collapse --> class="mw-collapsible mw-archivedtalk {{#switch:{{lc:{{{expand|no}}}}}|uncollapse|uncollapsed|expand|expanded|yes|y=mw-uncollapsed|#default=mw-collapsed}} {{{class|}}}" style="{{{{{|safesubst:}}}#ifeq:{{NAMESPACEE}}|{{ns:0}}|display: none;}}{{#if:{{{bg1|}}}|background-color: {{{bg1}}};color:inherit;}} text-align: left; border: {{{border|1px}}} solid {{{b-color|var(--border-color-subtle, #c8ccd1)}}}; {{{{{|safesubst:}}}#switch:{{{float|}}}
+<div class="mw-collapsible {{#if:{{{sembunyi|{{{collapsed|}}}}}}|mw-collapsed|}}" style="margin:0.5em 0; padding:8px 12px; background-color:{{{bg|#f8f9fa}}}; border:1px solid #e0e0e0; border-radius:6px; {{{style|}}}"><div class="mw-collapsible-header" style="font-weight:bold; cursor:pointer; {{{style-judul|}}}">{{{judul|{{{title|Tampilkan/Sembunyikan Content}}}}}}</div><div class="mw-collapsible-content" style="margin-top:8px; {{{style-isi|}}}">
-| left = margin:0.2em 0.5em 0.2em 0; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|auto}}; float: left; clear: {{{clear|left}}}
+{{{1|{{{konten|{{{content|}}}}}}}}}
-| right = margin:0.2em 0 0.2em 0.5em; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|auto}}; float: right; clear: {{{clear|right}}}
+</div></div><noinclude>
-| none = margin:0.2em 0; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|auto}}; clear: {{{clear|none}}}
-| center | centre = margin:0.2em auto; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|auto}}; clear: {{{clear|both}}}
-| #default = margin: 0.2em auto auto; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|100%}}; clear: {{{clear|both}}}
-}}; padding: 1px;"
-|-
-! style="background-color: {{{background|{{{bg|var(--background-color-interactive, #eaecf0)}}}}}};color:inherit; font-size:87%; padding:0.2em 0.3em; text-align: {{{{{|safesubst:}}}#if:{{{left|}}}|left|{{{{{|safesubst:}}}#if:{{{center|}}}|center|left}}}}; {{{{{|safesubst:}}}#if:{{{fc|}}}|color: {{{fc}}};|}}" | <div style="display: inline; font-size: 115%; color: {{{fc|{{{{{|safesubst:}}}#if:{{{bg|}}}|#202122|var(--color-base, #202122)}}}}};">{{{2|{{{title|{{{reason|{{{header|{{{heading|{{{result|Extended content}}}}}}}}}}}}}}}}}}</div>
-|-
-| style="border: solid {{{border2|1px var(--border-color-subtle, #c8ccd1)}}}; padding: {{{padding|8px}}}; background-color: {{{bg2|var(--background-color-base, #fff)}}}; color: {{{fc2|{{{{{|safesubst:}}}#if:{{{bg2|}}}|&#35;202122|var(--color-base, #202122)}}}}};" |
-<div>{{{content|{{{text|{{{1<noinclude>|{{lorem ipsum|3}}</noinclude>}}}}}}}}}</div>
-|}{{{{{|safesubst:}}}#ifeq:{{NAMESPACEE}}|{{ns:0}}|<span class="error noprint">[[Template:collapse]] is not available for use in articles (see [[MOS:COLLAPSE]]).</span>}}<noinclude>
 {{Documentation}}
 </noinclude>

Templat:Ciutkan: Perbedaan antara revisi

Admin (bicara | kontrib)

Revisi terkini sejak 11 Oktober 2026 23.44

Daftar isi

Penggunaan

Format Ringkas

Format Lengkap

Parameter

Contoh Penggunaan

1. Teks dan Daftar Biasa

2. Membungkus Kode Mentah (Code Snippet)

3. Mengubah Warna Latar & Garis Tepi

Catatan Penting & Peringatan

Menu navigasi

Templat:Ciutkan: Perbedaan antara revisi

Admin (bicara | kontrib)

Revisi terkini sejak 11 Oktober 2026 23.44

Penggunaan

Format Ringkas

Format Lengkap

Parameter

Contoh Penggunaan

1. Teks dan Daftar Biasa

2. Membungkus Kode Mentah (Code Snippet)

3. Mengubah Warna Latar & Garis Tepi

Catatan Penting & Peringatan

Menu navigasi

Pencarian