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

spiderman

Membre
Membre
Messages
23
Réactions
2
Points
1 348
Hors ligne
Merci pour la Mise à jour du lien pour la version
 

Anarchy

Membre
Membre
Messages
26
Réactions
2
Points
558
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,
 

Flesh

Membre
Membre
Messages
6
Réactions
2
Points
573
Hors ligne
Bonjour,

Ce type de système pour utiliser Font Awesome ne sera bientôt plus utiliser ni mi à jour, la dernière version est la 5.13.0

Ci dessous une note de Font Awesome traduite :

Cette version CDN de Font Awesome est en fin de vie.
Vous pouvez toujours l'utiliser pour n'importe lequel des domaines que vous avez définis , mais nous n'apporterons pas de nouvelles fonctionnalités à ce service. Au lieu de cela, nous utilisons l'hôte Font Awesome Kits et faisons encore plus pour vous avec l'auto-accessibilité, de meilleures performances, des mises à jour sans toucher au code, et plus encore !
J'utilise la version "Kit" qui fonctionne très bien, par contre comment faire pour augmenter l'espace entre l'icone FA et le nom du préfixe
Contrairement à vous mes icônes sont "collées" au début du nom du préfixe

Merci pour votre aide si vous me lisez ;)
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 507
Réactions
1 626
Points
4 603
En ligne
Salut Flesh, tu peux mettre un padding-right par exemple ^^
 
Haut Bas