KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<span title="{{#replace:{{{1|Information für Interessierte}}}|"|}} " | <span class="info-box" title="{{#replace:{{{1|Information für Interessierte}}}|"|}} " | ||
><span | |||
class="mw-collapsible mw-collapsed info-collapsed" | class="mw-collapsible mw-collapsed info-collapsed" | ||
data-expandtext="display:none im css" | data-expandtext="display:none im css" |
Version vom 30. Januar 2020, 15:04 Uhr
Information für Interessierte
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 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;
}
|