Sie betrachten eine alte Version der Seite. Zur neuesten Version gehen.
Vorlage:Icon/FontAwesome: Unterschied zwischen den Versionen
imported>Mibadmin |
imported>Mibadmin |
||
| Zeile 1: | Zeile 1: | ||
| − | <onlyinclude><i class="{{{icon|}}}" style="color:{{{color|}}};font-size:{{{size|}}};"></i></onlyinclude><noinclude>{{Hinweisbox|Note text='''Diese Wiki-Seite bitte nicht bearbeiten.''' Durch die Veränderung dieser Vorlage können Darstellungen verschiedenster Inhalte in Ihrem Copiki signifikant modifiziert oder Funktionen unbrauchbar gemacht werden.|boxtype=Warnung|icon=ja}} | + | <onlyinclude>{{#tag:html|<i class="{{{icon|}}}" style="color:{{{color|}}};font-size:{{{size|1em}}};"></i>}}</onlyinclude><noinclude>{{Hinweisbox|Note text='''Diese Wiki-Seite bitte nicht bearbeiten.''' Durch die Veränderung dieser Vorlage können Darstellungen verschiedenster Inhalte in Ihrem Copiki signifikant modifiziert oder Funktionen unbrauchbar gemacht werden.|boxtype=Warnung|icon=ja}} |
| − | '''Version 1. | + | '''Version 1.4''' |
==Beschreibung== | ==Beschreibung== | ||
| − | Font Awesome Icons (der Version 5) können mit <pre>{{Icon/ | + | Font Awesome Icons (der Version 5) können mit <pre>{{Icon/FontAwesome|icon=ICONCLASS|color=ICONCOLOR|size=ICONSIZE}}</pre> eingebunden werden. |
Die ganze Liste der Icons findet sich unter https://fontawesome.com/v5/search | Die ganze Liste der Icons findet sich unter https://fontawesome.com/v5/search | ||
| Zeile 26: | Zeile 26: | ||
"size": { | "size": { | ||
"label": "Größe", | "label": "Größe", | ||
| − | "description": "Größe des Icons als CSS Style", | + | "description": "Größe des Icons als CSS-Style", |
| − | "example": "1.2em", | + | "example": "1.2em oder 15px", |
"type": "line", | "type": "line", | ||
| − | " | + | "suggested": true, |
| − | " | + | "default": "1em" |
}, | }, | ||
"color": { | "color": { | ||
| − | "label": "Icon | + | "label": "Icon Farbe", |
"description": "Die Farbe des Icons in Hex", | "description": "Die Farbe des Icons in Hex", | ||
"example": "#c31539", | "example": "#c31539", | ||
"type": "line", | "type": "line", | ||
| − | |||
"suggested": true | "suggested": true | ||
} | } | ||
Version vom 4. Mai 2023, 10:59 Uhr
Version 1.4
Beschreibung
Font Awesome Icons (der Version 5) können mit
{{Icon/FontAwesome|icon=ICONCLASS|color=ICONCOLOR|size=ICONSIZE}}eingebunden werden.
Die ganze Liste der Icons findet sich unter https://fontawesome.com/v5/search
Beispiel
Mit
{{Icon/FontAwesome|icon=fas fa-exclamation-triangle|color=#c31539|size=1.2em}}wird dieses Icon eingefügt:
TemplateData
Nachfolgend finden sich die TemplateData Informationen für diese Vorlage. Genutzt werden diese Daten von den Extensions TemplateWizard, VisualEditor und vielen weiteren.
VorlagenDaten/TemplateData für das Template "Icon"
Fügt ein wählbares Icon aus der Bibliothek FontAwesome ein.
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Icon CSS Code | icon | Zu finden unter: https://fontawesome.com/v5/search
| Zeile | erforderlich |
| Größe | size | Größe des Icons als CSS-Style
| Zeile | vorgeschlagen |
| Icon Farbe | color | Die Farbe des Icons in Hex
| Zeile | vorgeschlagen |