Vorlage:Klappbox: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

[gesichtete Version]

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 3: / Zeile 3: @@
 '''{{{TITEL|Überschrift}}}'''</div><div class="body show-on-commons" style="padding:8px 8px 0px; ">
 {{{INHALT|Inhalt}}}
-</div></div></includeonly><noinclude>{{Hinweisbox|Diese Vorlage ist vectorbasiert und erzeugt eine animierte Ausklappbox. Ferner existiert die [[Vorlage:Klappbox1]], die kein vordefiniertes Design besitzt.}}
+</div></div></includeonly><noinclude>
-===Parameter===
+Diese '''Vorlage Klappbox''' ist vectorbasiert und erzeugt eine animierte Ausklappbox.
+==Parameter==
 * 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.
@@ Zeile 11: / Zeile 13: @@
 * 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.
-===Beispiel===
+==Beispiele==
-<pre>
+<code><pre>
 {{Klappbox
 |TITEL = Hier klicken um Text anzuzeigen
-|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 …
+}}
+</pre></code>
+ergibt:
+<div class="collapsibletemplate plainlinks {{#ifeq:{{uc:VERSTECKT}}|VERSTECKT|collapsed|expanded}}" style="clear:both; border:1px #aaaaaa solid; padding-bottom:2px; background-color:#F5F5F5;">
+<div class="collapsibleheader header" style="display:none; margin-left: 35%; margin-top: 2px;" >
+'''Hier klicken um Text anzuzeigen'''</div><div class="body show-on-commons" 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>
+----
+<code><pre>
+{{Klappbox
+| TITEL = Hier ist weiterer Text versteckt
+| INHALT = Lorem ipsum …
+| ZUSTAND = SICHTBAR
 }}
-</pre>
+</pre></code>
 ergibt:
+<div class="collapsibletemplate plainlinks {{#ifeq:{{uc:SICHTBAR}}|VERSTECKT|collapsed|expanded}}" style="clear:both; border:1px #aaaaaa solid; padding-bottom:2px; background-color:#F5F5F5;">
+<div class="collapsibleheader header" style="display:none; margin-left: 35%; margin-top: 2px;" >
+'''Hier ist weiterer Text versteckt'''</div><div class="body show-on-commons" 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>
+----
+<code><pre>
 {{Klappbox
-|TITEL = Hier klicken um Text anzuzeigen
+| TITEL = Weiterer Text
-|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 …
+| TITELPOSITION = 10%
+| STYLE = border: 2px dashed red; background-color: green;
 }}
+</pre></code>
+ergibt:
+<div class="collapsibletemplate plainlinks {{#ifeq:{{uc:VERSTECKT}}|VERSTECKT|collapsed|expanded}}" style="border: 2px dashed red; background-color: green;">
+<div class="collapsibleheader header" style="display:none; margin-left: 10%; margin-top: 2px;" >
+'''Weiterer Text'''</div><div class="body show-on-commons" 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>