| Wichtig: Benutzerleitstellen bitte in dieser Liste eintragen! Beim Erstellen eines Leitstellenartikels bitte diese Hinweise beachten. |
Bearbeiten von „Vorlage:Klappbox“
Warnung: Du bist nicht angemeldet. Deine IP-Adresse wird öffentlich sichtbar, falls du Bearbeitungen durchführst. Sofern du dich anmeldest oder ein Benutzerkonto erstellst, werden deine Bearbeitungen zusammen mit anderen Beiträgen deinem Benutzernamen zugeordnet.
Die Bearbeitung kann rückgängig gemacht werden.
Bitte prüfe den Vergleich unten, um sicherzustellen, dass du dies tun möchtest, und speichere dann unten deine Änderungen, um die Bearbeitung rückgängig zu machen.
| Aktuelle Version | Dein Text | ||
| Zeile 1: | Zeile 1: | ||
| − | <includeonly>{{#ifeq:{{uc:{{{1|}}}}}|ENDE|</div></div>|<div class="mw-collapsible {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|mw-collapsed|}}" style="{{{STYLE|box-sizing: border-box; clear: {{{CLEAR|both}}}; padding: 5px; padding-bottom: 3px; border: 1px solid #A7D7F9; background-color: #fbfbfb; {{#ifeq:{{lc:{{{BREITE|}}}}}|auto|width: auto|width: {{{BREITE|100}}}%}}}}};"><span style="position: static; overflow: hidden; white-space: nowrap; padding-bottom: 10px;">{{#if:{{{KEINBILD|}}}||[[Datei:{{{BILD|Pfeil blau. | + | <includeonly>{{#ifeq:{{uc:{{{1|}}}}}|ENDE|</div></div>|<div class="mw-collapsible {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|mw-collapsed|}}" style="{{{STYLE|box-sizing: border-box; clear: {{{CLEAR|both}}}; padding: 5px; padding-bottom: 3px; border: 1px solid #A7D7F9; background-color: #fbfbfb; {{#ifeq:{{lc:{{{BREITE|}}}}}|auto|width: auto|width: {{{BREITE|100}}}%}}}}};"><span style="position: static; overflow: hidden; white-space: nowrap; padding-bottom: 10px;">{{#if:{{{KEINBILD|}}}||[[Datei:{{{BILD|Pfeil blau.svg}}}|{{{BILDBREITE|20}}}px|verweis=]]}}</span><span vertical-align="text-bottom" style="margin-left:{{{TITELPOSITION|0}}}%;"> '''{{{TITEL|Überschrift}}}'''</span><div class="mw-collapsible-content" style="padding: 5px; padding-top: 10px;">{{#ifeq:{{uc:{{{1|}}}}}|ANFANG||{{{INHALT|Inhalt}}}</div></div>}}}} |
</includeonly><noinclude> | </includeonly><noinclude> | ||
Diese '''Vorlage Klappbox''' ist vectorbasiert und erzeugt eine animierte Ausklappbox. | Diese '''Vorlage Klappbox''' ist vectorbasiert und erzeugt eine animierte Ausklappbox. | ||
==Parameter== | ==Parameter== | ||
| − | * Der Parameter <var> | + | * Der Parameter <var>TITEL</var> gibt die Überschrift an. Hier empfiehlt es sich die Überschrift „Hier klicken um <Inhalt> anzuzeigen“ zu verwenden. |
| + | * Der Parameter <var>INHALT</var> enthält den Inhalt der Box. | ||
| + | * Der Parameter <var>TITELPOSITION</var> gibt den Abstand der Überschrift zum linken Rand der Seite an. '''Optional:''' Vordefinierter Wert ist 0%, sprich der Titel ist links platziert. | ||
* Der Parameter <var>BILD</var> gibt den Namen und evtl. weitere Parameter für das Bild am linken Rand an. | * Der Parameter <var>BILD</var> gibt den Namen und evtl. weitere Parameter für das Bild am linken Rand an. | ||
| + | * Wird der Parameter <var>KEINBILD</var> mit einem beliebigen Wert gesetzt, wird am Anfang der Box kein Bild angezeigt. | ||
* Der optionale Parameter <var>BILDBREITE</var> definiert die Breite des Bildes in Pixeln (ohne Einheit!). Standardwert ist 20. | * Der optionale Parameter <var>BILDBREITE</var> definiert die Breite des Bildes in Pixeln (ohne Einheit!). Standardwert ist 20. | ||
| − | + | * Der Parameter <var>BREITE</var> gibt die Breite der Box in Prozent an. Vordefiniert ist der Wert 100. | |
| − | * Der Parameter <var> | ||
| − | |||
* Der Parameter <var>CLEAR</var> gibt an, ob die Klappbox erst unter vorherigen Elementen (z.B. Infoboxen) erscheinen soll oder nicht. Möglich sind hier ''left'' (erst unter vorherigen Elementen auf der linken Seite anzeigen), ''right'' (erst unter vorherigen Elementen auf der rechten Seite anzeigen) oder ''none'' (normal anzeigen, unabhängig von vorherigen Elementen), vordefiniert ist ''both'' (so lange nach unten schieben, bis auf beiden Seiten keine vorherigen Elemente mehr stehen). Weitere Informationen zur Verwendung von ''clear'' findet man [https://developer.mozilla.org/de/docs/Web/CSS/clear hier]. | * Der Parameter <var>CLEAR</var> gibt an, ob die Klappbox erst unter vorherigen Elementen (z.B. Infoboxen) erscheinen soll oder nicht. Möglich sind hier ''left'' (erst unter vorherigen Elementen auf der linken Seite anzeigen), ''right'' (erst unter vorherigen Elementen auf der rechten Seite anzeigen) oder ''none'' (normal anzeigen, unabhängig von vorherigen Elementen), vordefiniert ist ''both'' (so lange nach unten schieben, bis auf beiden Seiten keine vorherigen Elemente mehr stehen). Weitere Informationen zur Verwendung von ''clear'' findet man [https://developer.mozilla.org/de/docs/Web/CSS/clear hier]. | ||
* Über den Parameter <var>ZUSTAND</var> kann bestimmt werden, ob die Box am Anfang sichtbar oder unsichtbar erscheint. Wenn ''VERSTECKT'' eingegeben wird ist der Inhalt nicht sichtbar. | * Über den Parameter <var>ZUSTAND</var> kann bestimmt werden, ob die Box am Anfang sichtbar oder unsichtbar erscheint. Wenn ''VERSTECKT'' eingegeben wird ist der Inhalt nicht sichtbar. | ||
| − | * Mit dem Parameter <var>STYLE</var> kann das Aussehen der Box mittels | + | * Mit dem Parameter <var>STYLE</var> kann das Aussehen der Box mittels {{wp|Cascading Style Sheets|CSS}} bestimmt werden; wird der Parameter nicht angegeben, so erscheint die Box mit grauen Rahmen. |
| − | |||
* Der erste Parameter kann dafür benutzt werden, nur den Anfang, bzw. das Ende der Klappbox zu erzeugen. | * Der erste Parameter kann dafür benutzt werden, nur den Anfang, bzw. das Ende der Klappbox zu erzeugen. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
==Beispiele== | ==Beispiele== | ||
| − | <pre> | + | <code><pre> |
{{Klappbox | {{Klappbox | ||
| − | |TITEL | + | |TITEL = Hier klicken um Text anzuzeigen |
| − | |BILD | + | |BILD = WINDOWS 7 PC STICKER.svg |
|BILDBREITE = 25 | |BILDBREITE = 25 | ||
| − | |INHALT | + | |INHALT = Lorem ipsum … |
}} | }} | ||
| − | </pre> | + | </pre></code> |
ergibt: | ergibt: | ||
{{Klappbox | {{Klappbox | ||
|TITEL = Hier klicken um Text anzuzeigen | |TITEL = Hier klicken um Text anzuzeigen | ||
| − | |BILD = | + | |BILD = WINDOWS 7 PC STICKER.svg |
|BILDBREITE = 25 | |BILDBREITE = 25 | ||
|INHALT = Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |INHALT = Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
