Vorlage:ToolTip
Aus BogenWiki
(Unterschied zwischen Versionen)
Nugman (Diskussion | Beiträge) |
Nugman (Diskussion | Beiträge) |
||
| (Der Versionsvergleich bezieht 24 dazwischenliegende Versionen mit ein.) | |||
| Zeile 1: | Zeile 1: | ||
<noinclude> | <noinclude> | ||
| - | {|style="background:# | + | {|style="background:#D0D0D0" cellpadding="4" cellspacing="1" |
|-style="background:white" valign="top" | |-style="background:white" valign="top" | ||
| Name: | | Name: | ||
| Zeile 6: | Zeile 6: | ||
|-style="background:white" valign="top" | |-style="background:white" valign="top" | ||
| Beschreibung: | | Beschreibung: | ||
| - | | Erzeugt ein ToolTip | + | | Erzeugt ein ToolTip unterhalb des Elements ... |
|-style="background:white" valign="top" | |-style="background:white" valign="top" | ||
| Parameter: | | Parameter: | ||
| Zeile 13: | Zeile 13: | ||
: <tt>Start</tt> Markiert den Anfang des Textes der im ToolTip angezeigt werden soll. | : <tt>Start</tt> Markiert den Anfang des Textes der im ToolTip angezeigt werden soll. | ||
: <tt>Ende </tt> Markiert das Ende des Textes der im ToolTip angezeigt werden soll. | : <tt>Ende </tt> Markiert das Ende des Textes der im ToolTip angezeigt werden soll. | ||
| - | ; (2): Wenn (1)=<tt>Start</tt>: Text (Wort, Abkürzung etc.) für den der ToolTip angezeigt werden soll. | + | : <tt>Bild </tt> ToolTip bestehend aus Text (optional) und ein bis drei Bildern |
| + | ; (2): Wenn (1)=<tt>Start</tt> oder <tt>Bild</tt>: Text (Wort, Abkürzung etc.) für den der ToolTip angezeigt werden soll. | ||
| + | ; (3): Wenn (1)=<tt>Bild</tt>: Dateiname des Bildes | ||
| + | ; (4): Wenn (1)=<tt>Bild</tt>: Text (wird über dem Bild angezeigt) | ||
| + | ; (5): Wenn (1)=<tt>Bild</tt>: Dateiname des zweiten Bildes | ||
| + | ; (6): Wenn (1)=<tt>Bild</tt>: Dateiname des dritten Bildes | ||
|} | |} | ||
{{ToolTip|CSS}} | {{ToolTip|CSS}} | ||
| - | + | (1) = Start/Ende: Unter dem Wort {{ToolTipTest|Start|hier}}Die ist ein ToolTip...{{ToolTipTest|Ende}} wird ein ToolTip angezeigt.<br> | |
| + | (1) = Bild: {{ToolTipTest|Bild|EST 28.9.53.-19, BERLIN W8, z|ddr0380.1js.small_st.jpg|'''Ersttagsstempel 28.9.53.-19, BERLIN W8, z'''}} | ||
| + | |||
| + | {{ToolTip|Bild|TS-F3|ddr0538.4.small_pfTS-F3f3a.jpg|Begrenzung ausgebuchtet über "KR"<br>von "DEMOKRATISCHE" (Feld 3)}},<nowiki | ||
| + | />{{ToolTip|Bild|F6|ddr0538.4.small_pfTS-F6f6a.jpg|Strich in der Begrenzungslinie<br>zwischen "DEUTSCHE" und<br>"DEMOKRATISCHE" (Feld 6)}},<nowiki | ||
| + | />{{ToolTip|Bild|F10|ddr0538.4.small_pfTS-F10f10a.jpg|"R" von "NATIONALER" links/unten<br>eingekerbt (Feld 10)}} | ||
</noinclude><includeonly><nowiki | </noinclude><includeonly><nowiki | ||
| Zeile 23: | Zeile 33: | ||
|CSS=<html> | |CSS=<html> | ||
<style type="text/css" media="screen"> | <style type="text/css" media="screen"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
.tooltip { | .tooltip { | ||
#color: #c32e04; | #color: #c32e04; | ||
| Zeile 39: | Zeile 45: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
| - | bottom: 1em; | + | top: 10em |
| - | left: - | + | #bottom: 1em; |
| - | width: 15em; | + | left: -1em; |
| - | padding: | + | #width: 15em; |
| + | padding: 4px; | ||
z-index: 100; | z-index: 100; | ||
color: #000; | color: #000; | ||
| - | background-color: | + | background-color: white; |
| - | border: solid | + | border: solid 2px #808080; |
border-radius: 0.2em; | border-radius: 0.2em; | ||
} | } | ||
</style></html> | </style></html> | ||
| - | |Start=<html>< | + | |Start=<html><span class="tooltip"></html>{{{2|<span style="color:red">ToolTip: 2. Parameter fehlt !!!</span>}}}<html><span role="tooltip"></html><nowiki |
| - | | | + | />{{Print|NoPrint|begin}} |
| + | |Ende={{Print|NoPrint|end}}<html></span></span></html> | ||
| + | |Bild=<html><span class="tooltip"></html>{{{2|<span style="color:red">ToolTip: 2. Parameter fehlt !!!</span>}}}<html><span role="tooltip"></html><nowiki | ||
| + | />{{#if:{{{4|}}}|{{{4}}}<br>}}[[Image:{{{3}}}]]{{#if:{{{5|}}}| [[Image:{{{5}}}]]}}{{#if:{{{6|}}}| [[Image:{{{6}}}]]}}<nowiki | ||
| + | /><html></span></span></html> | ||
| + | |Bildxxx={{Print|NoPrint|begin}}<nowiki | ||
| + | /><html><span class="tooltip"></html>{{{2|<span style="color:red">ToolTip: 2. Parameter fehlt !!!</span>}}}<html><span role="tooltip"></html><nowiki | ||
| + | />{{#if:{{{4|}}}|{{{4}}}<br>}}[[Image:{{{3}}}]]{{#if:{{{5|}}}| [[Image:{{{5}}}]]}}{{#if:{{{6|}}}| [[Image:{{{6}}}]]}}<nowiki | ||
| + | /><html></span></span></html><nowiki | ||
| + | />{{Print|NoPrint|end}} | ||
|DEFAULT=<span style="color:red">ToolTip: 1. Parameter falsch ({{{1}}}) !!!</span> | |DEFAULT=<span style="color:red">ToolTip: 1. Parameter falsch ({{{1}}}) !!!</span> | ||
}}</includeonly> | }}</includeonly> | ||
Aktuelle Version vom 20:53, 23. Sep. 2024
| Name: | ToolTip |
| Beschreibung: | Erzeugt ein ToolTip unterhalb des Elements ... |
| Parameter: |
|
(1) = Start/Ende: Unter dem Wort hierDie ist ein ToolTip... wird ein ToolTip angezeigt.
(1) = Bild: EST 28.9.53.-19, BERLIN W8, zErsttagsstempel 28.9.53.-19, BERLIN W8, z
TS-F3Begrenzung ausgebuchtet über "KR"
von "DEMOKRATISCHE" (Feld 3)
,F6Strich in der Begrenzungslinie
zwischen "DEUTSCHE" und
"DEMOKRATISCHE" (Feld 6)
,F10"R" von "NATIONALER" links/unten
eingekerbt (Feld 10)
