Vorlage:Hover/Doku: Unterschied zwischen den Versionen

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

@@ Zeile 1: / Zeile 1: @@
-'''Syntax:''' <nowiki> {{ Hover | Anzeige-Text | </nowiki>'''<nowiki>"</nowiki>'''mit Hover-Erklärung'''<nowiki>"</nowiki>''' <nowiki>}} </nowiki>
+<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. <br>Unbedingt die Anführungszeichen bechten, sonst wird nur das erste Wort angezeigt!</p>
+<p>Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über den gepunktet-unterstrichenen Text fährt. </p>
-{{ Hover | Anzeige-Text | "mit Hover-Erklärung" }}
+<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"
+! Default-Darstellung !! Aktion !! Darstellung nach Aktion
+|-
+| 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 }}
+|}