Vorlage:Icon: Unterschied zwischen den Versionen

Aus Brandwiki
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<noinclude>
<noinclude>
==How it works==
==Wie es funktioniert==
The template includes the following recommended code, see [https://getbootstrap.com/docs/3.3/components/ glyphicons bootstrap]:
Wir sind von [https://getbootstrap.com/docs/3.3/components/ Bootstraps Glyphicons] mit der neuen Skin auf Font Awesome gewechselt.


glyphicon
<!--glyphicon
<code><nowiki><span class="glyphicon glyphicon-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>
<code><nowiki><span class="glyphicon glyphicon-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>


font awesome
font awesome
<code><nowiki><i class="fa-regular fa-globe-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki></code>
<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-globe-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></nowiki>


<i class="fa-regular fa-globe"></i>
<i class="fa-regular fa-globe"></i>
Zeile 14: Zeile 18:
<i class="fa-solid fa-book" aria-hidden="true"></i>
<i class="fa-solid fa-book" aria-hidden="true"></i>


<i class="fas fa-globe"></i>
<i class="fas fa-globe" aria-hidden="true"></i>
<i class="fas fa-book"></i>
<i class="fas fa-book" aria-hidden="true"></i>
<i class="fas fa-comment"></i>
<i class="fas fa-comment" aria-hidden="true"></i>


==How and when to use in text==
==How and when to use in text==

Version vom 13. April 2022, 11:07 Uhr

Wie es funktioniert

Wir sind von Bootstraps Glyphicons mit der neuen Skin auf Font Awesome gewechselt.


Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:

<i class="fas fa-globe-globe" aria-hidden="true"></span>

How and when to use in text

It can be used easily via code: {{Icon|globe}}

It will then look like this:

Substitute globe for the following codes: