Vorlage:Icon: Unterschied zwischen den Versionen

Version vom 13. April 2022, 11:10 Uhr

Wie es funktioniert

Wir sind von Bootstraps Glyphicons mit der neuen Skin auf Font Awesome (Version 5) gewechselt.

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

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

ergibt:

<-----v6

>

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

@@ Zeile 1: / Zeile 1: @@
 <noinclude>
 ==Wie es funktioniert==
-Wir sind von [https://getbootstrap.com/docs/3.3/components/ Bootstraps Glyphicons] mit der neuen Skin auf Font Awesome gewechselt.
+Wir sind von [https://getbootstrap.com/docs/3.3/components/ Bootstraps Glyphicons] mit der neuen Skin auf Font Awesome (Version 5) gewechselt.
 <!--glyphicon
@@ Zeile 11: / Zeile 11: @@
 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>
+<code><nowiki><i class="fas fa-globe-</nowiki>'''globe'''<nowiki>" aria-hidden="true"></span></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>
+-------->
-<i class="fas fa-globe" aria-hidden="true"></i>
+==Im Text verwenden==
-<i class="fas fa-book" aria-hidden="true"></i>
+So kann die Vorlage im Text (oder in weiteren Vorlagen) verwendet werden:
-<i class="fas fa-comment" aria-hidden="true"></i>
-==How and when to use in text==
-It can be used easily via code:
 <strong><code><nowiki>{{Icon|</nowiki>'''globe'''<nowiki>}}</nowiki></code></strong>
-It will then look like this: {{Icon|globe}}
+Das sieht dann so aus: {{Icon|globe}}
-Substitute '''<code>globe</code>''' for the following codes:
+Ersetze '''<code>globe</code>''' mit dem passenden Code für das passende Icon:
 ; <i class="fa-solid fa-book" aria-hidden="true"> <code>book</code>