Glanz (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Glanz (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<!-- Vorlage:KLAPP
<includeonly>{| class="mw-collapsible mw-collapsed" style="width:100%; border:2px solid #000; border-radius:12px; margin:.5rem 0;"
Nutzung:
|-
  {{KLAPP}}
! style="text-align:center; font-weight:700; padding:.6rem 0; border:0; background:#fff;" | <span class="mw-collapsible-toggle" role="button">'''Ausklappen'''</span>
  … TEXT, BILDER, Wikitext …
|-
  </div>
| class="mw-collapsible-content" style="border:0; padding:.8rem 1rem;" |</includeonly>
 
<noinclude>Start der einklappbaren Box. Ende mit {{KLAPP-ENDE}}.</noinclude>
Optionale Parameter:
  |start=auf/zu  -> initial offen (Standard: zu)
  |label=…        -> Button-Text (Standard: Details >>)
-->
 
<style>
/* --- Nur innerhalb dieses Templates wirksam --- */
.klpp-wrap > :not(.klpp-toggle):not(input[type="checkbox"]) { display: none; }
.klpp-wrap > input[type="checkbox"]:checked ~ * { display: revert; }
 
.klpp-toggle { text-align:center; margin:.25rem 0; }
.klpp-btn {
  display:inline-block; padding:.55rem 1rem;
  border:2px solid #000; border-radius:12px;
  background:#fff; color:#000; font-weight:700;
  text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.08);
  cursor:pointer;
}
/* Checkbox unsichtbar, aber vorhanden (für Toggle-Logik) */
.klpp-check {
  position:absolute; opacity:0; width:0; height:0; pointer-events:none;
}
/* Optional: Button-Style bei geöffnetem Zustand leicht betonen */
.klpp-wrap > input[type="checkbox"]:checked + label .klpp-btn {
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
</style>
 
<div class="klpp-wrap">
  <input class="klpp-check" type="checkbox" {{#ifeq:{{{start|zu}}}|auf|checked}}>
  <label class="klpp-toggle">
    <span class="klpp-btn">{{{label|Details >>}}}</span>
  </label>

Aktuelle Version vom 28. September 2025, 13:45 Uhr

Start der einklappbaren Box. Ende mit |} .