Vorlage:Klappbox: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Zur Navigation springen Zur Suche springen
Versionsgeschichte interaktiv durchsuchen
[gesichtete Version][gesichtete Version]
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Bild doch als default
Keine Bearbeitungszusammenfassung
Zeile 20: Zeile 20:
</pre></code>
</pre></code>
ergibt:
ergibt:
<div class="collapsibletemplate plainlinks collapsed" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
{{Klappbox
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
|TITEL = Hier klicken um Text anzuzeigen
'''Hier klicken um Text anzuzeigen'''</div><div class="body" style="padding:8px 8px 0px; ">
|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.
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>


----
----
Zeile 32: Zeile 31:
| INHALT = Lorem ipsum …
| INHALT = Lorem ipsum …
| ZUSTAND = SICHTBAR
| ZUSTAND = SICHTBAR
| BILD = 1
| BREITE = 75
| KEINBILD = 1
}}
}}
</pre></code>
</pre></code>
ergibt:
ergibt:
<div class="collapsibletemplate plainlinks expanded" style="clear:both; border:1px #aaaaaa solid; background-color:#F5F5F5;">
{{Klappbox
<div class="collapsibleheader header" style="display:none; margin-left: 0%;" >
| TITEL = Hier ist weiterer Text versteckt
'''Hier ist weiterer Text versteckt'''</div><div class="body" style="padding:8px 8px 0px; ">
| 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.
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.
| ZUSTAND = SICHTBAR
</div></div>
| BREITE = 75
| KEINBILD = 1
}}


----
----
Zeile 52: Zeile 54:
</pre></code>
</pre></code>
ergibt:
ergibt:
<div class="collapsibletemplate plainlinks collapsed" style="border: 2px dashed red; background-color: green;">
{{Klappbox
<div class="collapsibleheader header" style="display:none; margin-left: 10%;" >
| TITEL = Weiterer Text
'''Weiterer Text'''</div><div class="body" style="padding:8px 8px 0px; ">
| 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.
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.
| TITELPOSITION = 10
</div></div>
| STYLE = border: 2px dashed red; background-color: green;
}}


----
----
Zeile 69: Zeile 72:
</pre></code>
</pre></code>
ergibt:
ergibt:
<div class="collapsibletemplate plainlinks collapsed" style="border: 3px double #2F6FAB;">
{{Klappbox
<div class="collapsibleheader header" style="display:none;" >
| TITEL = Titelleiste
'''Titelleiste'''</div><div class="body" style="padding:8px 8px 0px;">
| STYLE = border: 3px double #2F6FAB;
| anfang
}}
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>
{{Klappbox|ende}}
 
[[Kategorie:Vorlage|Klappbox]]</noinclude>
[[Kategorie:Vorlage|Klappbox]]</noinclude>

Version vom 21. Februar 2012, 23:10 Uhr

Diese Vorlage Klappbox ist vectorbasiert und erzeugt eine animierte Ausklappbox.

^Parameter

  • Der Parameter TITEL gibt die Überschrift an. Hier empfiehlt es sich die Überschrift „Hier klicken um <Inhalt> anzuzeigen“ zu verwenden.
  • Der Parameter INHALT enthält den Inhalt der Box.
  • Der Parameter TITELPOSITION gibt den Abstand der Überschrift zum linken Rand der Seite an. Optional: Vordefinierter Wert ist 0%, sprich der Titel ist links platziert.
  • Wird der Parameter KEINBILD mit einem beliebigen Wert gesetzt wird am Anfang der Box das Foldersysmbol Datei:Open.gif nicht angezeigt.
  • Der Parameter BREITE gibt die Breite der Box in Prozent an. Vordefiniert ist der Wert 100.
  • Über den Parameter ZUSTAND kann bestimmt werden, ob die Box am Anfang sichtbar oder unsichtbar erscheint. Wenn VERSTECKT eingegeben wird ist der Inhalt nicht sichtbar.
  • Mit dem Parameter STYLE kann das aussehen der Box mittels 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

{{Klappbox
|TITEL = Hier klicken um Text anzuzeigen
|INHALT = Lorem ipsum …
}}

ergibt:

Datei:Open.gif Hier klicken um Text anzuzeigen
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.
{{Klappbox
| TITEL = Hier ist weiterer Text versteckt
| INHALT = Lorem ipsum …
| ZUSTAND = SICHTBAR
| BREITE = 75
| KEINBILD = 1
}}

ergibt:

Hier ist weiterer Text versteckt
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.
{{Klappbox
| TITEL = Weiterer Text
| INHALT = Lorem ipsum …
| TITELPOSITION = 10
| STYLE = border: 2px dashed red; background-color: green;
}}

ergibt:

Datei:Open.gif Weiterer Text
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.
{{Klappbox
| TITEL = Titelleiste
| STYLE = border: 3px double #2F6FAB;
| anfang
}}
Lorem ipsum …
{{Klappbox|ende}}

ergibt:

Datei:Open.gif Titelleiste

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.

Abgerufen von „https://stargatewiki.de/index.php?title=Vorlage:Klappbox&oldid=222629“