Vorlage:Inline-Tooltip: Unterschied zwischen den Versionen
aus Kamelopedia, der wüsten Enzyklopädie
(<table> darf nicht innerhalb eines <span>s) |
(+schatten) |
||
(5 dazwischenliegende Versionen von einem Kamel werden nicht angezeigt) | |||
Zeile 3: | Zeile 3: | ||
*IIII Inline-Test III</noinclude><div style="display:inline-block; vertical-align:text-bottom;"><table border="0" cellspacing="0" cellpadding="0" style="display:inline; vertical-align:text-bottom; background-color:transparent; overflow:visible; line-height:16px; white-space:nowrap;"><tr><td><div class="klapp" style="background-color:transparent;"><!-- | *IIII Inline-Test III</noinclude><div style="display:inline-block; vertical-align:text-bottom;"><table border="0" cellspacing="0" cellpadding="0" style="display:inline; vertical-align:text-bottom; background-color:transparent; overflow:visible; line-height:16px; white-space:nowrap;"><tr><td><div class="klapp" style="background-color:transparent;"><!-- | ||
----------------------Linktext vorher------------------------------------ | ----------------------Linktext vorher------------------------------------ | ||
− | --><div class="klapp_t" style="background-color:transparent;"><span | + | --><div class="klapp_t" style="background-color:transparent;"><span style="color:{{{4|blue}}}">{{{1|Linktext}}}</span></div><!-- |
----------------------Linktext nachher------------------------------------ | ----------------------Linktext nachher------------------------------------ | ||
--><div class="klapp_e" style="display:none; color:{{{4|blue}}}; background-color:transparent;">{{{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: {{{Box|1}}}px | + | --><div style="border: {{{Box|1}}}px #888 solid; background-color:{{{3|#FFFF99}}}; position:absolute; left:-20px; width: {{{5|250}}}px; margin-top:15px; white-space:normal;-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.7); -webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.7); box-shadow:1px 1px 8px rgba(0,0,0,0.7);"><!-- |
---------------------- Titel -------------- | ---------------------- Titel -------------- | ||
− | -->{{#ifeq:{{{Box|1}}}|1|<div style="position:absolute; top:0px; left:0px; height:19px; width:{{#expr:{{{5|250}}}-21}}px; background-color:buttonface; text-align:center; vertical-align: | + | -->{{#ifeq:{{{Box|1}}}|1|<div style="position:absolute; top:0px; left:0px; height:19px; width:{{#expr:{{{5|250}}}-21}}px; background-color:buttonface; text-align:center; vertical-align:middle; font-weight:bold;">{{{1|Linktext}}}</div><!-- |
---------------------- closebutton -------------- | ---------------------- closebutton -------------- | ||
− | --><div style="float:right; border:2px threedshadow; border-style:outset; background-color:buttonface; color:black; height:15px; width:17px; text-align:center; vertical-align: | + | --><div style="float:right; border:2px threedshadow; border-style:outset; background-color:buttonface; color:black; height:15px; width:17px; text-align:center; vertical-align:middle; font-weight:bold;">X</div><!-- |
---------------------- Text mit box ------------- | ---------------------- Text mit box ------------- | ||
--><div style="margin-top:23px; margin-left:5px; margin-right:5px; margin-bottom:3px;">{{{2|Irgendein Blödeltext...}}}</div>|<!-- | --><div style="margin-top:23px; margin-left:5px; margin-right:5px; margin-bottom:3px;">{{{2|Irgendein Blödeltext...}}}</div>|<!-- |
Aktuelle Version vom 8. März 2010, 00:06 Uhr
- IIIIIIII Testlinie
- IIII Inline-Test IIIIII Inline-TestLinktext
- 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)|Breite in px(default 250)|Box=0(default=1)}}
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.