Template:Icon: Difference between revisions
From TITAF TANGOWIKI
| (One intermediate revision by the same user not shown) | |||
| Line 20: | Line 20: | ||
; <i class="fas fa-microphone" aria-hidden="true"></i> <code>microphone</code> | ; <i class="fas fa-microphone" aria-hidden="true"></i> <code>microphone</code> | ||
: microphone | : microphone | ||
; <i class="fas fa-comment" aria-hidden="true"></i> <code>comment</code> | ; <i class="fas fa-comment" aria-hidden="true"></i> <code>comment</code> | ||
| Line 156: | Line 153: | ||
; <i class="fas fa-dragon" aria-hidden="true"></i> <code>dragon</code> | ; <i class="fas fa-dragon" aria-hidden="true"></i> <code>dragon</code> | ||
; <i class="fas fa-meteor" aria-hidden="true"></i> <code>meteor</code> | ; <i class="fas fa-meteor" aria-hidden="true"></i> <code>meteor</code> | ||
</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> | ||
Latest revision as of 09:30, 28 March 2023
Add icons to the content with the icon template
This is how the template can be used (in pages or other templates)
{{Icon|globe}}
Gives:
Substitute globe with the corresponding code for the desired icon:
-
record-vinyl - vinyl record
-
compact-disc - compact disc
-
microphone - microphone
-
comment - comment
-
building - organisation
-
envelope - contact
-
exclamation-triangle - beware!
-
globe - link, URL
-
home - company
-
heart - favourite
-
info-circle - about
-
chess-knight - person
-
user - user
-
link - weblink
-
map-marker - location
-
palette - color
-
paste - source
-
pencil-alt - edit
-
plus - + add new
-
star - favourite
-
tag - category
-
tags - tag
-
th - topic
-
th-list - Liste
-
list - list
-
bars - menu
-
ellipsis-h - menu
-
archive - archive
-
times - times
-
check - check
-
check-circle - check
Brand icons
For certain brand icons you will need the extendes template Icon-fab:
{{Icon-fab|instagram}}
-
facebook -
facebook-square -
facebook-f -
instagram -
instagram-square -
twitter -
twitter-square -
pinterest -
pinterest-square -
pinterest-p -
youtube -
youtube-square -
wikipedia-w
How it works
We switched from Bootstraps Glyphicons to Font Awesome, currently still in version 5 (the latest is version 6). Only those marked as "Free" are possible to use (no Pro version).
The integration within the template can be done using the code to Font Aweseome:
<i class="fas fa-globe" aria-hidden="true"></i>
Gives:
Also interesting are staff's favourites.
-
ghost -
bath -
bomb -
dragon -
meteor