Vorlage:Icon: Unterschied zwischen den Versionen

Aus BrandWiki
Wechseln zu:Navigation, Suche
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: