(Die Seite wurde neu angelegt: „{{hoover|{{spc|{{{2|io}}}|o|-}}|{{{1|Information für Interessierte}}} }}“) |
KKeine Bearbeitungszusammenfassung |
||
| (20 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
{{ | <noinclude><templatestyles src="Vorlage:Styles.css" /></noinclude><span><div | ||
class="mw-collapsible mw-collapsed true icon {{{icon|info}}} tolltip {{{class|}}}" | |||
data-expandtext="{{{einblenden|{{{2|‍}}} }}}" | |||
data-collapsetext="{{{ausblenden|{{#var:hide}} }}}" | |||
id="mw-customcollapsible-Inhalte" | |||
><div class="mw-collapsible-content {{{content-class|}}}">{{{content|{{{1|Information für Interessierte}}} }}}</div></div></span><noinclude> | |||
{{Dokumentation}} | |||
</noinclude> | |||
Aktuelle Version vom 12. Juli 2024, 11:22 Uhr
Syntax: {{ Info | Infotext für Interessierte }}
Erzeugt eine Hover-Blase mit einem Text, wenn man mit der Maus über das gepunktete 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 |
|---|---|---|
Infotext für Interessierte |
mouse-over | Infotext für Interessierte |
Infotext für Interessierte |
touch | Infotext für Interessierte |
| Parameter | Darstellung |
|---|---|
| |class= | css Klasse für das verwendete Icon |
In der Mobilansicht wird das Info-Icon zusätzlich verändert: i> bzw. i<
.mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed::before {
content: '\f129\f105';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
color: #ec971f;
border-bottom: 1px dotted #ec971f;
border-radius: 0px;
padding-bottom: 1px;
}
und
.mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-expanded::before {
content: '\f129\f104';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
color: #ec971f;
border-bottom: 1px dotted #ec971f;
border-radius: 0px;
padding-bottom: 1px;
}
|
|