Vorlage:Inline-Tooltip: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K (IE 1px Warnung gelöscht, stimmt nicht mehr (warum weiss ich auch nicht), dafür wegen "nbsp" danach gewarnt)
(+schatten)
 
(16 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
−
<table  border="0" cellspacing="0" cellpadding="0" style="display:inline; vertical-align:text-bottom; line-height:16px; background-color:transparent; overflow:visible; white-space:nowrap;"><tr><td>
+
<noinclude>
−
<div class="klapp" style="background-color:transparent;">
+
*IIIIIIII Testlinie<br />
−
<!-------------------------------------------------------------->
+
*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;"><!--
−
<div class="klapp_t" style=" color:{{{4|blue}}}; background-color:transparent;">{{{1|Linktext}}}</div>
+
----------------------Linktext vorher------------------------------------
−
<!-------------------------------------------------------------->
+
--><div class="klapp_t" style="background-color:transparent;"><span style="color:{{{4|blue}}}">{{{1|Linktext}}}</span></div><!--
−
<div class="klapp_e" style=" color:{{{4|blue}}}; background-color:transparent;display:none;">{{{1|Linktext}}}</div>
+
----------------------Linktext nachher------------------------------------
−
<!-------------------------------------------------------------->
+
--><div class="klapp_e" style="display:none; color:{{{4|blue}}}; background-color:transparent;">{{{1|Linktext}}}</div><!--
−
<div class="klapp_i" style="display:none;position:relative;">
+
---------------------- Ausklappware  ------------------------------------
−
<div style="border: 1px black solid; background-color:{{{3|#FFFF99}}}; position:absolute; left:-20px; width: 350px; margin-top:15px; padding:5px; padding-bottom:0px; white-space:normal;">{{{2|Irgendein Blödeltext...}}}<center><div style="border: 2px threedshadow; border-style:outset; background-color:buttonface; height:17px; width:97%; margin-bottom: 3px; margin-top:5px;">Ausblenden</div></center></div>
+
--><div class="klapp_i" style="display:none; position:relative;"><!--
−
</div>
+
--><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);"><!--
−
</div>
+
---------------------- Titel --------------
−
</td></tr></table><noinclude>
+
-->{{#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 --------------
 +
--><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 -------------
 +
--><div style="margin-top:23px; margin-left:5px; margin-right:5px; margin-bottom:3px;">{{{2|Irgendein Blödeltext...}}}</div>|<!--
 +
---------------------- Text ohne box ------------
 +
--><div style="margin:5px;">{{{2|Irgendein Blödeltext...}}}</div>}}</div></div><!--
 +
-----------------------Ausklappware ende-----------------------------------
 +
--></div></td></tr></table></div><noinclude>III Inline-Test<br>
 +
*IIIIIII Testlinie<br>
 
----
 
----
−
Diese Vorlage zaubert ein Kästchen mit variabler (!!) Hintergrundfarbe an die Stelle, wo sie eingesetzt wird (ohne Zeilenumbruch, also "inline".) Benutzung: <nowiki>{{</nowiki>{{SUBPAGENAME}}<nowiki>|Linktext|Einblendetext|Hintergrundfarbe (Default:#FFFF99)|Link-Farbe(Default:Blue)}}</nowiki><br />
+
Diese Vorlage zaubert ein Kästchen mit variabler (!!) Hintergrundfarbe an die Stelle, wo sie eingesetzt wird (ohne Zeilenumbruch, also "inline".) Benutzung:<br/ > '''<nowiki>{{</nowiki>{{SUBPAGENAME}}<nowiki>|Linktext|Einblendetext|Hintergrundfarbe (Default:#FFFF99)|Link-Farbe(Default:Blue)|Breite in px(default 250)|Box=0(default=1)}}</nowiki>'''
−
'''Vorsicht:''' Nach dem <nowiki>{{Inline-Tooltip}}</nowiki> muss ein "nbsp" (falls ein Abstand gewünscht wird) anstatt " " eingefügt werden, IE6/7 lassen den sonst weg.
+
 
−
[[Kategorie:Vorlage]]
+
'''Vorsicht:''' Nach dem <nowiki>{{</nowiki>{{SUBPAGENAME}}<nowiki>}}</nowiki> 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.
 +
[[Kategorie:Design-Vorlagen]]
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 8. März 2010, 00:06 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)|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.

Abgerufen von „http://testpyramido.uni-guehlen.de/w/index.php?title=Vorlage:Inline-Tooltip&oldid=387375“