Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Vorlage:Klappbox: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
[gesichtete Version][gesichtete Version]
K Bildbreite besser implementiert
K Beispiele: sorgt nur für Darstellungsfehler
 
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly>{{#ifeq:{{uc:{{{1|}}}}}|ENDE|</div></div>|<div class="mw-collapsible {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|mw-collapsed|}}" style="{{{STYLE|clear:both; padding: 5px; padding-bottom: 3px; border:1px solid #A7D7F9; background-color:#fbfbfb; 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>{{#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.


Zeile 11: Zeile 10:
* 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>BREITE</var> gibt die Breite der Box in Prozent an. Vordefiniert ist der Wert 100.
* 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 {{wp|Cascading Style Sheets|CSS}} bestimmt werden; wird der Parameter nicht angegeben, so erscheint die Box mit grauen Rahmen.
* 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.
Zeile 16: Zeile 16:


==Beispiele==
==Beispiele==
<code><pre>
<pre>
{{Klappbox
{{Klappbox
|TITEL = Hier klicken um Text anzuzeigen
|TITEL = Hier klicken um Text anzuzeigen
Zeile 23: Zeile 23:
|INHALT = Lorem ipsum …
|INHALT = Lorem ipsum …
}}
}}
</pre></code>
</pre>
ergibt:
ergibt:
{{Klappbox
{{Klappbox
Zeile 33: Zeile 33:


----
----
<code><pre>
<pre>
{{Klappbox
{{Klappbox
| TITEL = Hier ist weiterer Text versteckt
| TITEL = Hier ist weiterer Text versteckt
Zeile 41: Zeile 41:
| KEINBILD = 1
| KEINBILD = 1
}}
}}
</pre></code>
</pre>
ergibt:
ergibt:
{{Klappbox
{{Klappbox
Zeile 52: Zeile 52:


----
----
<code><pre>
<pre>
{{Klappbox
{{Klappbox
| TITEL = Weiterer Text
| TITEL = Weiterer Text
Zeile 60: Zeile 60:
| STYLE = border: 2px dashed red; background-color: orange;
| STYLE = border: 2px dashed red; background-color: orange;
}}
}}
</pre></code>
</pre>
ergibt:
ergibt:
{{Klappbox
{{Klappbox
Zeile 71: Zeile 71:


----
----
<code><pre>
<pre>
{{Klappbox
{{Klappbox
| TITEL = Titelleiste
| TITEL = Titelleiste
Zeile 79: Zeile 79:
Lorem ipsum …
Lorem ipsum …
{{Klappbox|ende}}
{{Klappbox|ende}}
</pre></code>
</pre>
ergibt:
ergibt:
{{Klappbox
{{Klappbox