Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<span class="info-box" title="{{#replace:{{{1|Information für Interessierte}}}|"|}} "
<span class="info-box" title="{{#replace:{{{1|Information für Interessierte}}}|"|}} "
><span  
><span  
class="mw-collapsible mw-collapsed info-collapsed"
class="mw-collapsible mw-collapsed info-collapsed {{{class|}}}"
data-expandtext="display:none im css"
data-expandtext="display:none im css"
data-collapsetext="display:none im css"
data-collapsetext="display:none im css"
id="mw-customcollapsible-info-collapsed"
id="mw-customcollapsible-info-collapsed"
><span class="mw-collapsible-content">{{{content|{{{1|Information für Interessierte}}} }}}</span></span></span><noinclude>
><span class="mw-collapsible-content {{{content-class|}}}">{{{content|{{{1|Information für Interessierte}}} }}}</span></span></span><noinclude>
{{Dokumentation}}
{{Dokumentation}}
</noinclude>
</noinclude>

Version vom 15. Februar 2021, 18:01 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;
}