Vorlage:Icon: Unterschied zwischen den Versionen

Aus BrandWiki
Wechseln zu:Navigation, Suche
Zeile 1: Zeile 1:
 
<noinclude>
 
<noinclude>
==Wie es funktioniert==
 
Wir sind von [https://getbootstrap.com/docs/3.3/components/ Bootstraps Glyphicons] mit der neuen Skin auf Font Awesome gewechselt, derzeit noch in [https://fontawesome.com/v5/search Version 5] (die neueste ist Version 6). Möglich sind nur jene, die als „Free“ gekennzeichnet sind (keine Pro-Version).
 
 
<!--glyphicon
 
<code><nowiki><span class="glyphicon glyphicon-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>
 
 
font awesome
 
<code><nowiki><i class="fa-regular fa-globe-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>-->
 
 
Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:
 
 
<code><nowiki><i class="fas fa-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></i></nowiki></code>
 
  
ergibt:
 
<i class="fas fa-globe" aria-hidden="true"></i>
 
 
<!------- v6
 
<i class="fa-regular fa-globe"></i>
 
<i class="fa-solid fa-globe"></i>
 
 
<i class="fa-solid fa-book" aria-hidden="true"></i>
 
-------->
 
  
 
==Vorlage im Text verwenden==
 
==Vorlage im Text verwenden==
Zeile 101: Zeile 80:
 
: für [[Greenpeace Austria LabelCheck 2018]], ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft
 
: für [[Greenpeace Austria LabelCheck 2018]], ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft
  
 +
==Wie es funktioniert==
 +
Wir sind von [https://getbootstrap.com/docs/3.3/components/ Bootstraps Glyphicons] mit der neuen Skin auf Font Awesome gewechselt, derzeit noch in [https://fontawesome.com/v5/search Version 5] (die neueste ist Version 6). Möglich sind nur jene, die als „Free“ gekennzeichnet sind (keine Pro-Version).
 +
 +
<!--glyphicon
 +
<code><nowiki><span class="glyphicon glyphicon-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>
 +
 +
font awesome
 +
<code><nowiki><i class="fa-regular fa-globe-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>-->
 +
 +
Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:
 +
 +
<code><nowiki><i class="fas fa-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></i></nowiki></code>
 +
 +
ergibt:
 +
<i class="fas fa-globe" aria-hidden="true"></i>
 +
 +
<!------- v6
 +
<i class="fa-regular fa-globe"></i>
 +
<i class="fa-solid fa-globe"></i>
 +
 +
<i class="fa-solid fa-book" aria-hidden="true"></i>
 +
-------->
  
 
</noinclude><includeonly><i class="fas fa-{{{1}}}" title="{{{1}}}" alt="" aria-hidden="true"></i></includeonly>
 
</noinclude><includeonly><i class="fas fa-{{{1}}}" title="{{{1}}}" alt="" aria-hidden="true"></i></includeonly>

Version vom 13. April 2022, 16:51 Uhr


Vorlage im Text verwenden

So kann die Vorlage im Text (oder in weiteren Vorlagen) verwendet werden:

{{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
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
chess-knight
Personen (eher nicht: User)
user
Personen, im Sinne von Online-User
th
Thema
link
Weblinks
map-marker
Sitz eines Unternehmens
palette
Markenfarben
paste
Quellen
pencil-alt
Bearbeiten
plus
+ neu hinzufügen
star
Bestätigte Inhalte (in diesem Wiki)
tag
Kategorie
tags
Schlagwörter
th-list
Liste

Spezielle Icons, die heir nur einmalig vergeben werden:

leaf
für Greenpeace Austria LabelCheck 2018, ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft

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: