Benutzer:Mediator/hovered by CSS: Unterschied zwischen den Versionen
K |
K |
||
| (10 dazwischenliegende Versionen von einem Benutzer werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | {{mIncludeCSSfileHoverTipps}}{{mTheTitleColored|text=[[Datei: | + | {{mIncludeCSSfileHoverTipps}}{{mTheTitleColored|text=[[Datei:Silk_user_linux_online.png|link=]] <span color="SlateGray;">{{FULLPAGENAME}}</span> | backcolor=Moccasin}}{{mRevisionDatasOfCurrentArticle}} |
---- | ---- | ||
<p>Ein bisschen Text und ein wenig<span class="tooltip"> ''Information'' <em>Leider keine Info vorhanden !</em></span> und dann noch ein bisschen mehr Text, damit es sich auch lohnt. Und wie versprochen, ....ja geradezu <span class="tooltip">''unglaublich''<em>Na soviel Text ist...</em></span> viel Text. Und noch ein bisschen mehr,....</p> | <p>Ein bisschen Text und ein wenig<span class="tooltip"> ''Information'' <em>Leider keine Info vorhanden !</em></span> und dann noch ein bisschen mehr Text, damit es sich auch lohnt. Und wie versprochen, ....ja geradezu <span class="tooltip">''unglaublich''<em>Na soviel Text ist...</em></span> viel Text. Und noch ein bisschen mehr,....</p> | ||
---- | ---- | ||
| − | Absatz | + | ;Absatz |
* {{lorem}} | * {{lorem}} | ||
<span class="tooltip"> Information <em>Infos noch nicht vorhanden !</em></span> | <span class="tooltip"> Information <em>Infos noch nicht vorhanden !</em></span> | ||
---- | ---- | ||
<div style="width: 70%; padding-left: 05%;" class="framed"> | <div style="width: 70%; padding-left: 05%;" class="framed"> | ||
| − | + | {{mHoveredPicLink|linkicon=Image_link.png|plink=ScreenShot_Club_SC_Reilingen.png|linkto=Club:SC_1965_Reilingen}} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <span class="tooltip"><span style="color: DarkBlue;">dolore</span><em>Leider keine Info vorhanden!</em></span> magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea <span class="tooltip"><span style="color: Gray;">commodo</span>.<em> Leider keine Info vorhanden !</em></span> consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | |
</div> | </div> | ||
---- | ---- | ||
Nachweis | Nachweis | ||
* http://hypertext-talk.de/skins/revilo_style/post_assets/css_tooltips/index.html | * http://hypertext-talk.de/skins/revilo_style/post_assets/css_tooltips/index.html | ||
Aktuelle Version vom 8. Juni 2013, 16:23 Uhr
{{#css: .tooltip { position: relative; border-bottom: 0px dotted #C20; cursor: help; } .tooltip:hover {z-index: 1;} .tooltip em {display: none;} .tooltip:hover em { display: block; position: absolute; left: 0; top: 0; margin: 1px 0 0; width: 272px; color: Navy; font-style: normal; border: 0px solid Gainsboro; padding: 1px; background: Snow; } }}
Benutzer:Mediator/hovered by CSSEin bisschen Text und ein wenig Information Leider keine Info vorhanden ! und dann noch ein bisschen mehr Text, damit es sich auch lohnt. Und wie versprochen, ....ja geradezu unglaublichNa soviel Text ist... viel Text. Und noch ein bisschen mehr,....
- Absatz
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Information Infos noch nicht vorhanden !
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et doloreLeider keine Info vorhanden! magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. Leider keine Info vorhanden ! consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Nachweis
