Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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>Auf Mobilgeräten wird der Hover-Text zusätzlich nach rechts expandiert.</p>
<p>Zusätzlich wird der Hover-Text bei Klick/touch nach rechts expandiert, um eine Anzeige auf Mobilgeräten zu ermöglichen.</p>
{| class="sptable"
{| class="sptable"
! Viewport !! Default-Darstellung !! Aktion !! Darstellung nach Aktion
! Default-Darstellung !! Aktion !! Darstellung nach Aktion
|-
|-
| style="line-height: 3em;" | Monitor || {{ 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>
| 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>
|-
|-
|Mobil || {{ Hover | Anzeige-Text | mit Hover-Erklärung }} || touch || {{ Hover | Anzeige-Text: mit Hover-Erklärung | mit Hover-Erklärung }}
| {{ Hover | Anzeige-Text | mit Hover-Erklärung }} || touch || {{ Hover | Anzeige-Text: mit Hover-Erklärung | mit Hover-Erklärung }}
|}
|}

Aktuelle Version vom 28. November 2019, 14:58 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 Anzeige 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