Benutzer:Final.countdown/Kamelbau/Ausklappen: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K KATrausschmeiss |
K +ausgebautes CSS (wo bei ich das ein; brauch ich das noch? keine Ahnung) |
||
| 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>< | <onlyinclude><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></onlyinclude> | ||
---- | ---- | ||
| Zeile 12: | Zeile 10: | ||
{{Kamel:Final.countdown/Vorlagen/Ausklappen|hier drunter ist ein Text versteckt|ich bin der versteckte Text|red|green|darkred|3px ridge}} | {{Kamel:Final.countdown/Vorlagen/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. | Der Text erscheint übrigens, wenn mit der Maus das Überschrift-Feld berührt wird. | ||
</ | |||
== hier noch das (entfernte) CSS == | |||
<syntaxhighlight lang="php"> | |||
/* [[Vorlage:Ausklappen|Ausklappbare Menues]] (erstmal ganz einfach) */ | |||
.ausklappen { | |||
background: #f0f0f0 url("images/5/5c/Siehe_auch.png") 3px 8px no-repeat !important; | |||
height: 25px !important; | |||
overflow: hidden !important; | |||
} | |||
.ausklappen:hover { | |||
background: #f0f0f0 url("images/c/c0/Ausgeklappt.png") 3px 8px no-repeat !important; | |||
height: auto !important; | |||
} | |||
</syntaxhighlight> | |||
Version vom 18. Mai 2011, 20:36 Uhr
{{{1}}}
{{{2}}}
Diese Vorlage erzeugt eine ausklappbare Menue-Leiste. Verwendung:
{{Kamel:Final.countdown/Vorlagen/Ausklappen|Überschrift|Inhalt|Hintergrundfarbe der Überschrift|Hintergrundfarbe des Inhalts|Rahmenfarbe|Rahmenart}}
z.B.: {{Kamel:Final.countdown/Vorlagen/Ausklappen|hier drunter ist ein Text versteckt|ich bin der versteckte Text|red|green|darkred|3px ridge}} macht:
Benutzer:Final.countdown/Vorlagen/Ausklappen
Der Text erscheint übrigens, wenn mit der Maus das Überschrift-Feld berührt wird.
hier noch das (entfernte) CSS
<syntaxhighlight lang="php"> /* Ausklappbare Menues (erstmal ganz einfach) */
.ausklappen {
background: #f0f0f0 url("images/5/5c/Siehe_auch.png") 3px 8px no-repeat !important;
height: 25px !important;
overflow: hidden !important;
}
.ausklappen:hover {
background: #f0f0f0 url("images/c/c0/Ausgeklappt.png") 3px 8px no-repeat !important;
height: auto !important;
}
</syntaxhighlight>