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]
CF (Diskussion | Beiträge)
K Beispiele angepasst
CF (Diskussion | Beiträge)
+ Anfang / Ende
Zeile 1: Zeile 1:
<includeonly><div class="collapsibletemplate plainlinks {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|collapsed|expanded}}" style="{{{STYLE|clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;}}}">
<includeonly>{{#ifeq:{{uc:{{{1|}}}}}|ENDE|</div></div>|<div class="collapsibletemplate plainlinks {{#ifeq:{{uc:{{{ZUSTAND|VERSTECKT}}}}}|VERSTECKT|collapsed|expanded}}" style="{{{STYLE|clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;}}}">
<div class="collapsibleheader header" style="display:none; margin-left: {{{TITELPOSITION|0}}}%;" >
<div class="collapsibleheader header" style="display:none; margin-left: {{{TITELPOSITION|0}}}%;" >
'''{{{TITEL|Überschrift}}}'''</div><div class="body show-on-commons" style="padding:8px 8px 0px; ">
'''{{{TITEL|Überschrift}}}'''</div><div class="body" style="padding:8px 8px 0px;">{{#ifeq:{{uc:{{{1|}}}}}|ANFANG||
{{{INHALT|Inhalt}}}
{{{INHALT|Inhalt}}}
</div></div></includeonly><noinclude>
</div></div>}}}}</includeonly><noinclude>
Diese '''Vorlage Klappbox''' ist vectorbasiert und erzeugt eine animierte Ausklappbox.
Diese '''Vorlage Klappbox''' ist vectorbasiert und erzeugt eine animierte Ausklappbox.


Zeile 12: Zeile 12:
* Ü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 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 erscheint die Box mit grauen Rahmen.
* Der erste Parameter kann dafür benutzt werden, nur den Anfang, bzw. das Ende der Klappbox zu erzeugen.


==Beispiele==
==Beispiele==
Zeile 23: Zeile 24:
<div class="collapsibletemplate plainlinks collapsed" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
<div class="collapsibletemplate plainlinks collapsed" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
'''Hier klicken um Text anzuzeigen'''</div><div class="body show-on-commons" style="padding:8px 8px 0px; ">
'''Hier klicken um Text anzuzeigen'''</div><div class="body" style="padding:8px 8px 0px; ">
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.
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.
</div></div>
</div></div>
Zeile 38: Zeile 39:
<div class="collapsibletemplate plainlinks expanded" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
<div class="collapsibletemplate plainlinks expanded" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
'''Hier ist weiterer Text versteckt'''</div><div class="body show-on-commons" style="padding:8px 8px 0px; ">
'''Hier ist weiterer Text versteckt'''</div><div class="body" style="padding:8px 8px 0px; ">
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.
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.
</div></div>
</div></div>
Zeile 54: Zeile 55:
<div class="collapsibletemplate plainlinks collapsed" style="border: 2px dashed red; background-color: green;">
<div class="collapsibletemplate plainlinks collapsed" style="border: 2px dashed red; background-color: green;">
<div class="collapsibleheader header" style="display:none; margin-left: 10%;" >
<div class="collapsibleheader header" style="display:none; margin-left: 10%;" >
'''Weiterer Text'''</div><div class="body show-on-commons" style="padding:8px 8px 0px; ">
'''Weiterer Text'''</div><div class="body" style="padding:8px 8px 0px; ">
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.
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.
</div></div>
</div></div>
----
<code><pre>
{{Klappbox
| TITEL = Titelleiste
| STYLE = border: 3px double #2F6FAB;
| anfang
}}
Lorem ipsum …
{{Klappbox|ende}}
</pre></code>
ergibt:
<div class="collapsibletemplate plainlinks collapsed" style="border: 3px double #2F6FAB;">
<div class="collapsibleheader header" style="display:none;" >
'''Titelleiste'''</div><div class="body" style="padding:8px 8px 0px;">
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.
</div></div>
[[Kategorie:Vorlage|Klappbox]]</noinclude>
[[Kategorie:Vorlage|Klappbox]]</noinclude>