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
En 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
11
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
1 902
Réactions
1 243
Points
3 603
En 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
 

BlackBetting

Ancien Staff
Ancien Staff
Messages
130
Réactions
17
Points
688
Hors ligne
Merci pour la partage c'est cool
 

laurent68

Membre
Membre
Messages
24
Réactions
11
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
151
Réactions
40
Points
703
Hors ligne
Merci, j'avais eu des problème avec les FA
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
1 902
Réactions
1 243
Points
3 603
En 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
13
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
1 902
Réactions
1 243
Points
3 603
En ligne
Salut, mise à jour du lien Font Awesome en version 5.6.3 ! ;)

SyTry,
 
Haut Bas