(Die Seite wurde neu angelegt: „<p>Um Textabschnitte ein- und ausblenden zu können wird die Klasse ''mw-collapsible'' verwendet.<br> Die nicht eben intuitiven Parameter werden hier eingängi…“) |
Keine Bearbeitungszusammenfassung |
||
| (12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<p>Um Textabschnitte ein- und ausblenden zu können wird die Klasse ''mw-collapsible'' verwendet.<br> | <templatestyles src="Vorlage:Styles.css" /><p>Um Textabschnitte ein- und ausblenden zu können wird die Klasse ''mw-collapsible'' verwendet.<br> | ||
Die nicht eben intuitiven Parameter werden hier eingängig übersetzt.</p> | Die nicht eben intuitiven Parameter werden hier eingängig übersetzt.</p> | ||
<p>'''Am Ende des ausklappbaren Abschnitts | <p>'''Am Ende des ausklappbaren Abschnitts müssen unbedingt <u>zwei</u> div-Tags <u>und</u> ein span-Tag <nowiki></div></div></span></nowiki> eingefügt werden!'''</p> | ||
{| class="wikitable" | {| class="wikitable" | ||
! Parameter !! Default !! Beschreibung | ! Parameter !! Default !! Beschreibung | ||
|- | |- | ||
| |'''| 1''' <br><small>'''| | | |'''| 1''' <br><small>''| ausklappen=''</small><br><small>''| einblenden=''</small> || ausklappen <br><nowiki>{{Einblenden| zeig| weg damit}}Darum geht's</div></div></nowiki> | ||
|| {{Einblenden| zeig| weg damit}}Darum geht's</div></div> | |||
|- | |- | ||
| |'''| 2''' <br><small>'''| | | |'''| 2''' <br><small>''| einklappen=''</small> <br><small>''| ausblenden=''</small> || einklappen || {{Einblenden| zeig| weg damit|false}}Darum gehts</div></div> | ||
|- | |- | ||
| |'''| 3''' <br><small> | | |'''| 3''' <br><small>''| collapsed=''</small> || true || true: Text ausgeblendet (Default-Zustand)<br>false: Text eingeblendet | ||
|- | |||
| |'''| 4''' <br><small>''| layout=''</small> || || <pre>layout=dezent</pre> → <div class="dezent"><div class="mw-collapsible-toggle">dezente Darstellung</div></div> | |||
|- | |||
| |'''| id''' || ''Null'' || {{code|<nowiki>id=2</nowiki>}} → <nowiki>id="mw-customcollapsible-Inhalte2"</nowiki><br>Um den Bereich, der eingeblendet oder ausgeblendet werden soll eindeutig zu identifizieren wird das tag ''<nowiki>id="mw-customcollapsible-Inhalte"</nowiki>'' verwendet.<br>Soll nun ein ausklappbarer Bereich verschachtelt werden, muss der zweite Bereich mit ''<nowiki>id="mw-customcollapsible-Inhalte2"</nowiki>'' getagt werden. Das verhindert ein ungewolltes einblenden der Verschachtelung. | |||
|- | |||
| |'''| Vorschau'''= || || blendet ein Vorschaubildchen rechts vom Toggle-Text ein. | |||
* table-check.png <span class="Vorschaubild">[[Datei:table-check.png]]</span> | |||
* step-by-step.png <span class="Vorschaubild">[[Datei:step-by-step.png]]</span> | |||
|- | |||
| |'''| class-content=''' || || css Klasse, die auf den Contentbereich wirkt.<br> z.B.: ''grid'' um Text neben großen Bildern anzeigen zu lassen | |||
|- | |||
| |'''| css=''' || || beliebiges css, das auf die Vorlage wirkt | |||
|} | |} | ||
Aktuelle Version vom 1. August 2024, 14:45 Uhr
Um Textabschnitte ein- und ausblenden zu können wird die Klasse mw-collapsible verwendet.
Die nicht eben intuitiven Parameter werden hier eingängig übersetzt.
Am Ende des ausklappbaren Abschnitts müssen unbedingt zwei div-Tags und ein span-Tag </div></div></span> eingefügt werden!
| Parameter | Default | Beschreibung |
|---|---|---|
| | 1 | ausklappen= | einblenden= |
ausklappen {{Einblenden| zeig| weg damit}}Darum geht's</div></div> |
Darum geht's |
| | 2 | einklappen= | ausblenden= |
einklappen | Darum gehts |
| | 3 | collapsed= |
true | true: Text ausgeblendet (Default-Zustand) false: Text eingeblendet |
| | 4 | layout= |
layout=dezent→ dezente Darstellung | |
| | id | Null | id=2 → id="mw-customcollapsible-Inhalte2" Um den Bereich, der eingeblendet oder ausgeblendet werden soll eindeutig zu identifizieren wird das tag id="mw-customcollapsible-Inhalte" verwendet. Soll nun ein ausklappbarer Bereich verschachtelt werden, muss der zweite Bereich mit id="mw-customcollapsible-Inhalte2" getagt werden. Das verhindert ein ungewolltes einblenden der Verschachtelung. |
| | Vorschau= | blendet ein Vorschaubildchen rechts vom Toggle-Text ein.
| |
| | class-content= | css Klasse, die auf den Contentbereich wirkt. z.B.: grid um Text neben großen Bildern anzeigen zu lassen | |
| | css= | beliebiges css, das auf die Vorlage wirkt |
