Benutzer:Final.countdown/Kamelbau/Ausklappen: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
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><noinclude>
+
<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.
</noinclude>
+
 
 +
== 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, 21: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:

Vorlage:Kamel:Final.countdown/Vorlagen/Ausklappen

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

hier noch das (entfernte) CSS

/* [[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;
     }