Vorlage:Inline-Tooltip: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
(Mal sehen...)
K (So jetzt aber)
Zeile 5: Zeile 5:
 
--><div class="klapp_t" style=" color:{{{4|blue}}}; background-color:transparent;">{{{1|Linktext}}}</div><!--
 
--><div class="klapp_t" style=" color:{{{4|blue}}}; background-color:transparent;">{{{1|Linktext}}}</div><!--
 
----------------------Linktext nachher------------------------------------
 
----------------------Linktext nachher------------------------------------
--><div class="klapp_e" style=" color:{{{4|blue}}}; background-color:transparent;display:none;">{{{1|Linktext}}}</div><!--
+
--><div class="klapp_e" style="display:none; color:{{{4|blue}}}; background-color:transparent;">{{{1|Linktext}}}</div><!--
 
---------------------- Ausklappware  ------------------------------------
 
---------------------- Ausklappware  ------------------------------------
--><div class="klapp_i" style="display:none;position:relative;">
+
--><div class="klapp_i" style="display:none; position:relative;"><div style="border: 1px black solid; background-color:{{{3|#FFFF99}}}; position:absolute; left:-20px; width: 250px; margin-top:15px; white-space:normal;"><div style="position:absolute; top:0px; left:0px; height:19px; width:229px; background-color:buttonface; text-align:center; vertical-align:center; font-weight:bold;">{{{1|Linktext}}}</div><!--
<div style="border: 1px black solid; background-color:{{{3|#FFFF99}}}; position:absolute; left:-20px; width: 250px; margin-top:15px; white-space:normal;">
 
<div style="position:absolute; top:0px; left:0px; height:19px; width:229px; background-color:buttonface; text-align:center; vertical-align:center; font-weight:bold;">{{{1|Linktext}}}</div><!--
 
 
----------------------------------------------------------
 
----------------------------------------------------------
 
--><div style="float:right; border:2px threedshadow; border-style:outset; background-color:buttonface; color:black; height:15px; width:17px; text-align:center; vertical-align:center; font-weight:bold;">X</div><!--
 
--><div style="float:right; border:2px threedshadow; border-style:outset; background-color:buttonface; color:black; height:15px; width:17px; text-align:center; vertical-align:center; font-weight:bold;">X</div><!--

Version vom 8. Juni 2008, 21:22 Uhr

  • IIIIIIII Testlinie
  • IIII Inline-Test III
    Linktext
    III Inline-Test
  • IIIIIII Testlinie

Diese Vorlage zaubert ein Kästchen mit variabler (!!) Hintergrundfarbe an die Stelle, wo sie eingesetzt wird (ohne Zeilenumbruch, also "inline".) Benutzung: {{Inline-Tooltip|Linktext|Einblendetext|Hintergrundfarbe (Default:#FFFF99)|Link-Farbe(Default:Blue)}}
Vorsicht: Nach dem {{Inline-Tooltip}} muss ein "nbsp" (falls ein Abstand gewünscht wird) anstatt " " eingefügt werden, IE6/7 lassen den sonst weg. Safari zeigt den Inline-Text 1px zu hoch an.