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

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 143
Réactions
1 406
Points
3 603
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 :
Pour afficher le contenu, vous devez vous Identifier ou vous Inscrire.
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 :
Screenshot_1.png


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 :
Screenshot_1.png


Egalement avec mon grade :​
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Résultat :
Screenshot_2.png


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 :
Pour afficher le contenu, vous devez vous Identifier ou vous Inscrire.


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

Lucifer

Donateur
Donateur
Messages
32
Réactions
7
Points
613
Hors ligne
merci l’ami, mais j’ai un problème, les FA ne fonctionnent pas chez moi :(
 

laurent68

Membre
Membre
Messages
24
Réactions
10
Points
1 348
Hors ligne
Merci pour le partage ;)
Je pense qu'il faut installer la version 5.20 dans son ftp ?
 
Dernière édition:

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 143
Réactions
1 406
Points
3 603
Hors ligne
Merci pour le partage ;)
Je pense qu'il faut installer la version 5.20 dans son ftp ?
Non y a rien a installer sur le FTP, seulement un lien pour l'intégration
 

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
Merci pour la partage c'est cool
 

laurent68

Membre
Membre
Messages
24
Réactions
10
Points
1 348
Hors ligne
Pour les codes CSS suffit de changer :

font-family: "FontAwesome";
Par :
font-family: "Font Awesome 5 Brands";
 

Tutifruti

Ancien Staff
Ancien Staff
Messages
153
Réactions
44
Points
703
Hors ligne
Merci, j'avais eu des problème avec les FA
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 143
Réactions
1 406
Points
3 603
Hors ligne
Bonsoir,

Mise à jour du lien pour la version 5.3.1.
Modification du tutoriel : explications des 4 types d'icônes (brands, solid, regular, light) Font Awesome ainsi que un tutoriel sur l'utilisation du CSS.

SyTry,
 

luchugsat

Membre
Membre
Messages
31
Réactions
2
Points
568
Hors ligne
Bonjour, une fois de plus un grand merci pour le travail fournis et partagé.
 

DeaD

Premium
Premium
Messages
35
Réactions
14
Points
1 418
Hors ligne
merci, c'est gentil
 

OTuGaMoDz

Membre
Membre
Banni
Messages
42
Réactions
4
Points
1 333
Hors ligne
merci bien pour le partage
 

lordc

Membre
Membre
Messages
12
Réactions
5
Points
73
Hors ligne
Merci pour le tuto ça va m'aider :d
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 143
Réactions
1 406
Points
3 603
Hors ligne
Salut, mise à jour du lien Font Awesome en version 5.6.3 ! ;)

SyTry,
 
Haut Bas