Vorlage:Tooltip

aus Kamelopedia, der wüsten Enzyklopädie
Wechseln zu: Navigation, Suche

Text mit tooltip
tooltip

Mit dieser Vorlage kann Kamel nach Lust und Laune tooltips vertipsen. Im Gegensatz zu einem „echten“ tooltip kann dieser auch Bilder, Vorlagen und alles mögliche enthalten und erscheint sofort, wenn Kamel mit der Maus das Element berührt (nicht erst nach 'ner halben Stunde und wenn der brauser einen guten Tag hat). Die Optik des tooltips selbst lässt sich leider noch nicht anpassen, da eine vernünftige Programirrung des Hintergrundschattens Sinusfunktionen erfordert, die unsere MediaWiki-parser-function noch nicht unterstützt. Auch unabhängig davon: alles noch beta und ziemlich buggy ...

Parameter:

{{{1}}}: Der Text, oder das Bild, oder was auch immer mit einem Tooltip versehen werden soll.
{{{2}}}: Der Text, oder das Bild, oder was auch immer in dem Tooltip sein soll.

z.B.:

{{Tooltip|huhu berühr mich mit deiner Maus!|Du Ferkel hast mich angefasst!}}:

huhu berühr mich mit deiner Maus!
Du Ferkel hast mich angefasst!

{{Tooltip|{{#dpl:mode=userformat|format=,,[[Bild:%TITLE%]],|namespace=Datei|randomcount=1}}|Dies ist ein zufälliges Bild}}:

689px-4-methylaminorex-3D-vdW.png
Dies ist ein zufälliges Bild

{{Tooltip|Dies ist ein Text mit zufälligem Bild als tooltip|{{#dpl:mode=userformat|format=,,[[Bild:%TITLE%]],|namespace=Datei|randomcount=1}} }}:

Dies ist ein Text mit zufälligem Bild als tooltip
500px-Refraction on an aperture - Huygens-Fresnel principle.svg.png

{{Tooltip|1={{moin}}|2={{moin}} }}:

{| width="95%" border=0 cellspacing="0" cellpadding="0" style="border:2px solid #DDD269; border-radius:.5em; margin:0; padding:0;"
Willkommen in der Herde, Tooltip!
Camel in a box klein.png

Ich begrüße dich mal im Namen aller Kamele in der Kamelopedia. Du wirst zu Beginn sicher den Eindruck haben, die Kamelopedia sei verwirrend und unübersichtlich. Keine Sorge: dieser Eindruck wird rasch abgelöst durch die Erkenntnis, dass die Kamelopedia tatsächlich verwirrend und unübersichtlich ist.
Solltest du eine Frage haben, wird sie vielleicht jemand anders beantworten, ich bin erstmal wech!
Wirf vielleicht mal einen Blick in die Einführung. Und im Zweifelsfall: Sei mutig! Irgendein Kamel bügelt's dann sicher wieder aus…

Viel Spaß hier, und noch etwas, das mir selbst in der Kamelopedia schon oft geholfen hat: Mööepp!

nützliche Links: HilfeWörterbuchKamelForumChat     
{| width="95%" border=0 cellspacing="0" cellpadding="0" style="border:2px solid #DDD269; border-radius:.5em; margin:0; padding:0;" Willkommen in der Herde, Tooltip!
Camel in a box klein.png

Ich begrüße dich mal im Namen aller Kamele in der Kamelopedia. Du wirst zu Beginn sicher den Eindruck haben, die Kamelopedia sei verwirrend und unübersichtlich. Keine Sorge: dieser Eindruck wird rasch abgelöst durch die Erkenntnis, dass die Kamelopedia tatsächlich verwirrend und unübersichtlich ist.
Solltest du eine Frage haben, wird sie vielleicht jemand anders beantworten, ich bin erstmal wech!
Wirf vielleicht mal einen Blick in die Einführung. Und im Zweifelsfall: Sei mutig! Irgendein Kamel bügelt's dann sicher wieder aus…

Viel Spaß hier, und noch etwas, das mir selbst in der Kamelopedia schon oft geholfen hat: Mööepp!

nützliche Links: HilfeWörterbuchKamelForumChat     

| class="schatten" style="min-width:5px; width: 5px; background-position: right 4px;" | |- style="height: 5px" | class="schatten" style="background-position: 4px bottom;" | | class="schatten" style="background-position: bottom right;" |

|}

Leider weiß die Vorlage nicht, wie groß der Tooltip sein soll und macht ihn immer so klein wie möglich. Darum sollte man bei längeren Texten die Größe mit {{{3}}} angeben (und px dahinter). Wenn der Tooltip allerdings zu groß wird, sieht's doof aus (maximal 900px und gut ist):

{{Tooltip|1={{moin}}|2={{moin|3=900px}} }}:

{| width="95%" border=0 cellspacing="0" cellpadding="0" style="border:2px solid #DDD269; border-radius:.5em; margin:0; padding:0;"

|style="background:#F2E89F; text-align:left; padding:5px 15px 5px 15px; border-bottom:1px solid #DDD269;" |Willkommen in der Herde, Tooltip! |-

| style="background:#FFFACD; padding:5px 15px 5px 15px; min-height:70px; border-bottom:1px solid #DDD269;" |
Camel in a box klein.png

Ich begrüße dich mal im Namen aller Kamele in der Kamelopedia. Du wirst zu Beginn sicher den Eindruck haben, die Kamelopedia sei verwirrend und unübersichtlich. Keine Sorge: dieser Eindruck wird rasch abgelöst durch die Erkenntnis, dass die Kamelopedia tatsächlich verwirrend und unübersichtlich ist.
Solltest du eine Frage haben, wird sie vielleicht jemand anders beantworten, ich bin erstmal wech!
Wirf vielleicht mal einen Blick in die Einführung. Und im Zweifelsfall: Sei mutig! Irgendein Kamel bügelt's dann sicher wieder aus…

Viel Spaß hier, und noch etwas, das mir selbst in der Kamelopedia schon oft geholfen hat: Mööepp! |- |align="right" valign="middle" style="background-color:#FFFACD;"|nützliche Links: HilfeWörterbuchKamelForumChat      |}

{| width="95%" border=0 cellspacing="0" cellpadding="0" style="border:2px solid #DDD269; border-radius:.5em; margin:0; padding:0;" Willkommen in der Herde, Tooltip!
Camel in a box klein.png

Ich begrüße dich mal im Namen aller Kamele in der Kamelopedia. Du wirst zu Beginn sicher den Eindruck haben, die Kamelopedia sei verwirrend und unübersichtlich. Keine Sorge: dieser Eindruck wird rasch abgelöst durch die Erkenntnis, dass die Kamelopedia tatsächlich verwirrend und unübersichtlich ist.
Solltest du eine Frage haben, wird sie vielleicht jemand anders beantworten, ich bin erstmal wech!
Wirf vielleicht mal einen Blick in die Einführung. Und im Zweifelsfall: Sei mutig! Irgendein Kamel bügelt's dann sicher wieder aus…

Viel Spaß hier, und noch etwas, das mir selbst in der Kamelopedia schon oft geholfen hat: Mööepp!

nützliche Links: HilfeWörterbuchKamelForumChat     

| class="schatten" style="min-width:5px; width: 5px; background-position: right 4px;" | |- style="height: 5px" | class="schatten" style="background-position: 4px bottom;" | | class="schatten" style="background-position: bottom right;" |

|}

| class="schatten" style="min-width:5px; width: 5px; background-position: right 4px;" | |- style="height: 5px" | class="schatten" style="background-position: 4px bottom;" | | class="schatten" style="background-position: bottom right;" | |}

Bügeln.gif

Moin, lass Dich nicht beim Lesen stören.
Ein Kamel bügelt nur gerade die Knitter aus dieser Seite. Störe es bitte nicht dabei. Also nicht auf „bearbeiten“ klicken, solange es noch bügelt!
Manchmal vergessen Kamele das Bügeleisen auf einer Seite, falls dir die Bügelei zu lange vorkommt, entferne das Eisen doch mal bitte von dieser Seite.

Wissenswertes über diesen Bügelvorgang: Nachteule bügelt diese Seite seit 3982 Tagen. Schalt mal wer das Eisen aus!!!


ARRRGHS! Der dumme IE ist zu doof für diese Vorlage ... werde da wohl demnächst was javascripten müssen ... --WiMu 17:09, 8. Okt. 2008 (CEST)

Von „http://kamelopedia.net/index.php?title=Vorlage:Tooltip&oldid=531982