Vorlage:Ausklappen: Unterschied zwischen den Versionen

Aktuelle Version vom 31. Januar 2014, 20:33 Uhr

↓ {{{1}}} ↓

Diese Vorlage erzeugt eine ausklappbare Menue-Leiste. Verwendung:

{{Ausklappen|Überschrift|Inhalt|Hintergrundfarbe der Überschrift|Hintergrundfarbe des Inhalts|Rahmenfarbe|Rahmenart}}

z.B.: {{Ausklappen|hier drunter ist ein Text versteckt|ich bin der versteckte Text|red|green|darkred|3px ridge}} macht:

↓ hier drunter ist ein Text versteckt ↓

Der Text erscheint übrigens, wenn mit der Maus das Überschrift-Feld ~~berührt~~ geklickt wird.

@@ Zeile 1: / Zeile 1: @@
-<div style="border:{{{6|1px solid}}} {{{5|#aaaaaa}}};" class="ausklappen"><div style="background:{{{3|transparent}}}; padding: 3px; cursor:pointer; text-align:center; font-weight:bold;">{{{1}}}</div><div style="padding: 3px; background:{{{4|white}}};">{{{2}}}</div></div><noinclude>
+<div style="border:{{{6|1px solid}}} {{{5|#aaaaaa}}};" class="klapp">
+<div style="background:{{{3|#f0f0f0}}}; padding: 3px; cursor:pointer; text-align:center; font-weight:bold;" class="klapp_t" >↓ &nbsp; {{{1}}} &nbsp; ↓</div>
+<div style="background:{{{3|#f0f0f0}}}; padding: 3px; cursor:pointer; text-align:center; font-weight:bold;display: none;" class="klapp_e">↑ &nbsp; {{{1}}} &nbsp; ↑</div>
+<div style="padding: 3px; background:{{{4|white}}};display: none;" class="klapp_i">{{{2}}}</div></div><noinclude>
@@ Zeile 12: / Zeile 15: @@
 {{Ausklappen|hier drunter ist ein Text versteckt|ich bin der versteckte Text|red|green|darkred|3px ridge}}
-Der Text erscheint übrigens, wenn mit der Maus das Überschrift-Feld berührt wird. Leider verschwindet das hübsche Einklapp/Ausklapp-Icon wenn die Hintergrundfarbe geändert wird.
+Der Text erscheint übrigens, wenn mit der Maus das Überschrift-Feld <s>berührt</s> geklickt wird.
 [[Kategorie:Design-Vorlagen]]</noinclude>