Vorlage:Hover/Doku: Unterschied zwischen den Versionen

Version vom 28. November 2019, 13:54 Uhr

Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über den gepunktet-unterstrichenen Text fährt.

Auf Mobilgeräten wird der Hover-Text zusätzlich nach rechts expandiert.

Viewport	Default-Darstellung	Aktion	Darstellung nach Aktion
Monitor	mit Hover-Erklärung	mouse-over	mit Hover-Erklärung
Mobil	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>Auf Mobilgeräten wird der Hover-Text zusätzlich nach rechts expandiert.</p>
+{| class="sptable"
+! Viewport !! 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>
+|-
+|Mobil || {{ Hover | Anzeige-Text | mit Hover-Erklärung }} || touch || {{ Hover | Anzeige-Text: mit Hover-Erklärung | mit Hover-Erklärung }}
+|}