Vorlage:Icon: Unterschied zwischen den Versionen
Aus BrandWiki
Ahoi (Diskussion | Beiträge) |
Ahoi (Diskussion | Beiträge) |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 19: | Zeile 19: | ||
; <i class="fas fa-building" aria-hidden="true"></i> <code>building</code> | ; <i class="fas fa-building" aria-hidden="true"></i> <code>building</code> | ||
: Typ einer Organisation | : Typ einer Organisation | ||
| + | |||
| + | ; <i class="fas fa-compass" aria-hidden="true"></i> <code>compass</code> | ||
| + | : Zertifikate, Index, Label-Checks | ||
; <i class="fas fa-certificate" aria-hidden="true"></i> <code>certificate</code> | ; <i class="fas fa-certificate" aria-hidden="true"></i> <code>certificate</code> | ||
| Zeile 64: | Zeile 67: | ||
; <i class="fas fa-plus" aria-hidden="true"></i> <code>plus</code> | ; <i class="fas fa-plus" aria-hidden="true"></i> <code>plus</code> | ||
: + neu hinzufügen | : + neu hinzufügen | ||
| − | |||
| − | |||
| − | |||
; <i class="fas fa-tag" aria-hidden="true"></i> <code>tag</code> | ; <i class="fas fa-tag" aria-hidden="true"></i> <code>tag</code> | ||
| Zeile 79: | Zeile 79: | ||
; <i class="fas fa-th-list" aria-hidden="true"></i> <code>th-list</code> | ; <i class="fas fa-th-list" aria-hidden="true"></i> <code>th-list</code> | ||
: Liste | : Liste | ||
| + | |||
| + | Noch ungebraucht: | ||
| + | ; <i class="fas fa-circle" aria-hidden="true"></i> <code>circle</code> | ||
| + | ; <i class="fas fa-dot-circle" aria-hidden="true"></i> <code>dot-circle</code> | ||
| + | ; <i class="fas fa-check-circle" aria-hidden="true"></i> <code>check-circle</code> | ||
| + | : Toggles | ||
| + | ; <i class="fas fa-user-circle" aria-hidden="true"></i> <code>user-circle</code> | ||
| + | ; <i class="fas fa-times-circle" aria-hidden="true"></i> <code>times-circle</code> | ||
| + | ; <i class="fas fa-stop-circle" aria-hidden="true"></i> <code>stop-circle</code> | ||
| + | ; <i class="fas fa-play-circle" aria-hidden="true"></i> <code>play-circle</code> | ||
| + | ; <i class="fas fa-pause-circle" aria-hidden="true"></i> <code>pause-circle</code> | ||
| + | ; <i class="fas fa-spinner" aria-hidden="true"></i> <code>spinner</code> | ||
| + | ; <i class="fas fa-shapes" aria-hidden="true"></i> <code>shapes</code> | ||
| + | ; <i class="fas fa-icicles" aria-hidden="true"></i> <code>icicles</code> | ||
==Marken-Icons== | ==Marken-Icons== | ||
| Zeile 112: | Zeile 126: | ||
; <i class="fas fa-shopping-bag" aria-hidden="true"></i> <code>shopping-bag</code> | ; <i class="fas fa-shopping-bag" aria-hidden="true"></i> <code>shopping-bag</code> | ||
: für [[Bewusst kaufen]], eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt. | : für [[Bewusst kaufen]], eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt. | ||
| + | |||
| + | ; <i class="fas fa-star" aria-hidden="true"></i> <code>star</code> | ||
| + | : Bestätigte Inhalte & für [[Siegelklarheit]], ein Labeltests, der Labels bewertet | ||
==Wie es funktioniert== | ==Wie es funktioniert== | ||
Aktuelle Version vom 29. November 2022, 09:45 Uhr
Icons verwenden
Um Icons in den Text (oder andere Vorlagen) einzubauen, kannst du die Vorlage so verwenden:
{{Icon|globe}}
Das sieht dann so aus:
Ersetze globe mit dem passenden Code für das passende Icon:
-
book - Wikipedia
-
comment - BrandWikis Kommentar
-
building - Typ einer Organisation
-
compass - Zertifikate, Index, Label-Checks
-
certificate - Zertifikate (Labels, Qualitätszeichen, Siegel) auf Markenseiten und Zertifikaten
-
envelope - Kontakt
-
globe - für Links/URLs (vorwiegend eigene Websites und Social Media)
-
home - Konzern, Mutterunternehmen
-
heart - Markenwerte, Editierrichtlinien
-
info-circle - Über, mehr Info
-
question-circle - Frage
-
chess-knight - Personen (eher nicht: User)
-
user - Personen, im Sinne von Online-User
-
link - Weblinks
-
map-marker - Sitz eines Unternehmens
-
palette - Markenfarben
-
paste - Quellen
-
pencil-alt - Bearbeiten
-
plus - + neu hinzufügen
-
tag - Kategorie
-
tags - Schlagwörter
-
th - Thema, Kategorie
-
th-list - Liste
Noch ungebraucht:
-
circle -
dot-circle -
check-circle - Toggles
-
user-circle -
times-circle -
stop-circle -
play-circle -
pause-circle -
spinner -
shapes -
icicles
Marken-Icons
Für bestimmte Marken-icons brauchst du die erweiterte Vorlage Icon-fab:
{{Icon-fab|instagram}}
-
facebook -
facebook-square -
facebook-f -
instagram -
instagram-square -
twitter -
twitter-square -
pinterest -
pinterest-square -
pinterest-p -
linkedin -
linkedin-in -
youtube -
youtube-square -
wikipedia-w
Spezielle Icons, die hier nur einmalig vergeben werden:
Diese werden nur einmalig vergeben und sollte nicht anderweitig im Text eingesetzt werden.
-
exclamation-triangle - Achtung in der Box-Vorlage
-
leaf - für Greenpeace Gütezeichen-Guide, ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft
-
shopping-bag - für Bewusst kaufen, eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt.
-
star - Bestätigte Inhalte & für Siegelklarheit, ein Labeltests, der Labels bewertet
Wie es funktioniert
Wir sind von Bootstraps Glyphicons mit der neuen Skin auf Font Awesome gewechselt, derzeit noch in Version 5 (die neueste ist Version 6). Möglich sind nur jene, die als „Free“ gekennzeichnet sind (keine Pro-Version).
Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:
<i class="fas fa-globe" aria-hidden="true"></i>
ergibt:
