Résolu Inclure FontAwesome sur XenForo

Statut
N'est pas ouverte pour d'autres réponses.

Hmzz95

Premium
Inscription
25 Juin 2013
Messages
1 981
Réactions
982
Points
12 889
RGCoins
0
Bonjour, je voudrais savoir comment utiliser "Font-Awesome" pour mon forum XenForo,

Je voudrais mettre cette étoile :
uONR3uL.png

Mais je ne sais pas ou installer le dossier font awesome
Et quoi mettre comme "CSS"

merci cordialement :)
 

BEK.

Ancien staff
Inscription
25 Novembre 2011
Messages
10 785
Réactions
3 746
Points
29 505
RGCoins
0
Salut,

Déjà il te faut installer la police sur ton serveur, et il me semble qu'elle est payante. Une fois ceci fait, fait moi signe pour la suite.
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
897
Points
13 104
RGCoins
0
Salut,

Déjà il te faut installer la police sur ton serveur, et il me semble qu'elle est payante. Une fois ceci fait, fait moi signe pour la suite.

Pas besoin de cela.

Un documentation sur le site de FontAwesome te permet d'inclure les classes CSS entre les balises <head> mais pour une question d'optimisation je te conseille d'inclure celles-ci dans ton fichier.css contenant toutes tes classes CSS, il suffira ensuite de les inclure à côté des pseudos de tes membres. :ok:
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
897
Points
13 104
RGCoins
0
Salut,

1. Rends toi dans la template PAGE_CONTAINER.

2. Inclus ce code entre les balises <head></head>.
Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

3. Rends toi dans la template username_styles.css.

4. Inclus à la fin ce code :
Code:
.username .style3:before {

font-family: "FontAwesome";
content: "\f005";
color: #F90;
padding-right: 4px;

}

5. Modifie .style3:before par le groupe de ton choix.

Exemple : mon groupe de modérateurs porte l'ID 4, je modifie par .style4:before

Rivals
 

sicko

Premium
Inscription
9 Mars 2014
Messages
1 996
Réactions
926
Points
12 656
RGCoins
0
Salut,

1. Rends toi dans la template PAGE_CONTAINER.

2. Inclus ce code entre les balises <head></head>.
Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

3. Rends toi dans la template username_styles.css.

4. Inclus à la fin ce code :
Code:
.username .style3:before {

font-family: "FontAwesome";
content: "\f005";
color: #F90;
padding-right: 4px;

}

5. Modifie .style3:before par le groupe de ton choix.

Exemple : mon groupe de modérateurs porte l'ID 4, je modifie par .style4:before

Rivals
Mais, perso ça ne marche pas :mmh:
pourtant dans mon FTP Font-awesome est bien présent, avec dedans CSS, FONT, LESS, SCSS..
J'ai pourtant choisi le bon ID de groupe ;)
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut