Icône de ressource

Tutoriel Installer Font Awesome en version 5.7.2 et l'utiliser sur votre forum XenForo [2.0]

Nous vous conseillons de vérifier au préalable le contenu que vous téléchargez.
Si un lien de téléchargement ne fonctionne plus, merci de signaler le topic en question !

Membres qui ont lu cette discussion : 0

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
1 902
Réactions
1 243
Points
3 603
Hors ligne

boomcas7

Membre
Membre
Messages
19
Réactions
2
Points
88
Hors ligne
ah d'accord frere , mais le addons de sidebar avec les icones font awesome marche bien.
 

Saucisson

Membre
Membre
Messages
26
Réactions
5
Points
583
Hors ligne
Merci pour ce joli tutoriel ;)
 

Anthony pokito

Membre
Membre
Messages
8
Réactions
1
Points
58
Hors ligne
merci pour ce tuto je le cherche depuis je ne sais pas combien de temps :huh:
 

benoithit

Membre
Membre
Messages
11
Réactions
1
Points
28
Hors ligne
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) :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
C'est celui du début de votre template. Ensuite ajoutez ceci en dessous :
***[Contenu caché]***

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 :
Voir la pièce jointe 722

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 :
Voir la pièce jointe 746

Egalement avec mon grade :​
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Résultat :
Voir la pièce jointe 747

Désormais le font-family est différent, voici les icônes en fonctions de la version des Font Awesome :​

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 :​

  • 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 :
***[Contenu caché]***

J'autorise le partage de ce tutoriel avec les crédits : SyTry !​
SyTry,
merci
 
Haut Bas