Résolu Xenforo - Préfixes FontAwesome

Alain LeKing

Membre
Inscription
13 Février 2016
Messages
9
Réactions
2
Points
1 306
Bonjour, j'aimerais en faite savoir comment fait-on pour les préfixes de discussions avoir une icone à coté, le seul topique que j'ai trouvé j'ai essayé mais ça n'a pas marché.
Merci beaucoup :RG: :oui:
 
Inscription
20 Juillet 2013
Messages
1 330
Réactions
239
Points
6 008
Bonjour, j'aimerais en faite savoir comment fait-on pour les préfixes de discussions avoir une icone à coté, le seul topique que j'ai trouvé j'ai essayé mais ça n'a pas marché.
Merci beaucoup :RG: :oui:
regarde ici : https://reality-gaming.fr/threads/xenforo-icon-dans-un-prefixe-de-discussion.548701/
 

UAE

Membre
Inscription
17 Juin 2016
Messages
184
Réactions
90
Points
9 386
Alors, je t'explique comment ajouter une icone FA à un Préfixe en CSS.

On va prendre le cas d'un préfixe déjà défini par défaut en xenForo : e.g : prefixRed.

upload_2016-9-13_21-44-52.png


Dans le template EXTRA.CSS ajoute :

Code:
.prefixRed:before {font-family: "FontAwesome"; margin-right: 4px;}
.prefix.prefixRed {font-weight: normal;font-weight: bold;font-size: 10pt;}
.prefixRed:before { content: "\f071";}

pour la liste des autres préfixe par défaut, tu peux la retrouver ici :

Code:
.prefix.prefixGreen
.prefix.prefixOlive
.prefix.prefixLightGreen
.prefix.prefixBlue
.prefix.prefixRoyalBlue
.prefix.prefixSkyBlue
.prefix.prefixGray
.prefix.prefixSilver 
.prefix.prefixYellow
.prefix.prefixOrange
 
Cette réponse a aidé l'auteur de cette discussion !

Alain LeKing

Membre
Inscription
13 Février 2016
Messages
9
Réactions
2
Points
1 306
regarde ici : https://reality-gaming.fr/threads/xenforo-icon-dans-un-prefixe-de-discussion.548701/
J'ai bien dit que je n'ai pas compris comment ça marchait ....
Alors, je t'explique comment ajouter une icone FA à un Préfixe en CSS.

On va prendre le cas d'un préfixe déjà défini par défaut en xenForo : e.g : prefixRed.

Voir la pièce jointe 98134

Dans le template EXTRA.CSS ajoute :

Code:
.prefixRed:before {font-family: "FontAwesome"; margin-right: 4px;}
.prefix.prefixRed {font-weight: normal;font-weight: bold;font-size: 10pt;}
.prefixRed:before { content: "\f071";}

pour la liste des autres préfixe par défaut, tu peux la retrouver ici :

Code:
.prefix.prefixGreen
.prefix.prefixOlive
.prefix.prefixLightGreen
.prefix.prefixBlue
.prefix.prefixRoyalBlue
.prefix.prefixSkyBlue
.prefix.prefixGray
.prefix.prefixSilver
.prefix.prefixYellow
.prefix.prefixOrange
Pour ta réponse je te remércie beaucoup.
 
Haut