K (Lauritzl verschob die Seite Vorlage:Hoover/Doku nach Vorlage:Hover/Doku und überschrieb dabei eine Weiterleitung, ohne selbst eine Weiterleitung anzulegen) |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<templatestyles src="Vorlage:Styles.css" /> | <templatestyles src="Vorlage:Styles.css" /> | ||
<p>Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über den gepunktet-unterstrichenen Text fährt. </p> | <p>Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über den gepunktet-unterstrichenen Text fährt. </p> | ||
<p> | <p>Zusätzlich wird der Hover-Text bei Klick/touch nach rechts expandiert, um eine Anzeig auf Mobilgeräten zu ermöglichen.</p> | ||
{| class="sptable" | {| class="sptable" | ||
! Default-Darstellung !! Aktion !! Darstellung nach Aktion | |||
|- | |- | ||
| style="line-height: 3em;" | | style="line-height: 3em;" | {{ Hover | Anzeige-Text | mit Hover-Erklärung }} || mouse-over || <span style="padding: 10px; background: rgba(0,0,0,0.81); border-radius: 3px; color: white; font-size: 95%;">mit Hover-Erklärung</span> | ||
|- | |- | ||
| {{ Hover | Anzeige-Text | mit Hover-Erklärung }} || touch || {{ Hover | Anzeige-Text: mit Hover-Erklärung | mit Hover-Erklärung }} | |||
|} | |} | ||
Version vom 28. November 2019, 14:57 Uhr
Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über den gepunktet-unterstrichenen Text fährt.
Zusätzlich wird der Hover-Text bei Klick/touch nach rechts expandiert, um eine Anzeig auf Mobilgeräten zu ermöglichen.
| Default-Darstellung | Aktion | Darstellung nach Aktion |
|---|---|---|
| mit Hover-Erklärung | mouse-over | mit Hover-Erklärung |
| mit Hover-Erklärung | touch | mit Hover-Erklärung |