Salut à toi membre de SyTry Community !
Aujourd'hui je vous partage un tutoriel pour utiliser la version 5.7.2 de Font Awesome sur votre forum en XenForo 2.0 !
Dans votre template PAGE_CONTAINER cherchez ceci (CTRL + F) :
C'est celui du début de votre template. Ensuite ajoutez ceci en dessous :
Ensuite rendez vous ici pour connaitre le code des icônes :
Pour l'exemple voici le code d'un widget :
Aujourd'hui je vous partage un tutoriel pour utiliser la version 5.7.2 de Font Awesome sur votre forum en XenForo 2.0 !
Dans votre template PAGE_CONTAINER cherchez ceci (CTRL + F) :
Code:
S'il vous plaît,
Connexion
ou
S'inscrire
pour voir le code !
Ensuite rendez vous ici pour connaitre le code des icônes :
S'il vous plaît,
Connexion
ou
S'inscrire
pour voir le lien !
Pour l'exemple voici le code d'un widget :
Code:
S'il vous plaît,
Connexion
ou
S'inscrire
pour voir le code !
Résultat :
Pour utiliser les Font Awesome en version 5.6.3 via du CSS, voici des exemples pour mon grade :
Pour utiliser les Font Awesome en version 5.6.3 via du CSS, voici des exemples pour mon grade :
Code:
S'il vous plaît,
Connexion
ou
S'inscrire
pour voir le code !
Résultat :
Egalement avec mon grade :
Egalement avec mon grade :
Code:
S'il vous plaît,
Connexion
ou
S'inscrire
pour voir le code !
Résultat :
Désormais le font-family est différent, voici les icônes en fonctions de la version des Font Awesome :
Désormais le font-family est différent, voici les icônes en fonctions de la version des Font Awesome :
- Brands : S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
- Solid : S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
- Regular : S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
- Light : S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
Brands et Solid sont des versions gratuites, et Regular ainsi que Light des versions payantes (pro) !
Voici le code du font-family en fonction de la version :
Voici le code du font-family en fonction de la version :
- Brands : font-family: "Font Awesome 5 Brands";
- Solid : font-family: "Font Awesome 5 Free";
- Regular : font-family: "Font Awesome 5 Pro";
- Light : font-family: "Font Awesome 5 Pro ";
Vous pouvez également retrouver l'utilisation des Font Awesome ici :
J'autorise le partage de ce tutoriel avec les crédits : SyTry !
SyTry,