KKeine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (2 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<includeonly><span><div title="{{#replace:{{{1|Einblenden}}}|"|}} " | <includeonly><span><div<!-- title="{{#replace:{{{1|Einblenden}}}|"|}} "--> | ||
class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|true}}} }}}|false| | {{#if:||{{{3|}}}}} {{#ifeq: {{{layout|{{{4|}}} }}}}|false||mw-collapsed}} {{{layout|{{{4| | class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|true}}} }}}|false| | {{#if:||{{{3|}}}}} {{#ifeq: {{{layout|{{{4|}}} }}}}|false||mw-collapsed}} }} {{{layout|{{{4|}}} }}} {{{icon|}}}" | ||
data-expandtext="{{{1|{{{einblenden|{{{ausklappen|}}} }}} }}}" | data-expandtext="{{{1|{{{einblenden|{{{ausklappen|}}} }}} }}}" | ||
data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|}}} }}} }}}" | data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|}}} }}} }}}" | ||
id="mw-customcollapsible-Inhalte{{{id|}}}" | id="mw-customcollapsible-Inhalte{{{id|}}}" | ||
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content"></includeonly></span><noinclude> | style="{{{css|}}};" | ||
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content {{{class-content|}}}"></includeonly></span><noinclude> | |||
{{Dokumentation}} | {{Dokumentation}} | ||
</noinclude> | </noinclude> | ||
Aktuelle Version vom 1. August 2024, 14:45 Uhr
Syntax: {{ Einblenden | Zeig | weg damit | true | dezent}} […] </div></div></span>
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 |
|
|