Template 1.X Bannière d'utilisateur avec Font Awesome

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 !

Reaqz

Développeur
Développeur
Messages
18
Ressources
0
J'aime
10
Points
1 323
Hors ligne
#1
Bannière d'utilisateur avec Font Awesome

Pré-requis : Avoir installer Font Awesome sur son forum


AdminCP > Apparence > Styles > Votre style > Templates >
user_banners.css

A la fin de la template (tout en bas) ajouter :

Code:
.userBanner.bannerReaqz {

color: white;
background-color: #C79F4B;
border-color: #18b194;
}
.userBanner.bannerReaqz:before {
content: "\fa";
font-family: FontAwesome;
padding-right: 4px;
}
A la place de "Reaqz" mettez ce que vous voulez (il faut que ce soit le même mot au deux emplacement)
Puis modifier les couleurs par rapport au grade choisi.


A la ligne
Code:
content: "\fa";
Remplacez \fa par le font awesome de votre choix.
Exemple : fa-code = \f121 (
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.
)

Sauvegardez la template et rendez vous ici :


AdminCP > Utilisateurs > Groupes d'utilisateurs > Votre groupe

Puis ici


Sélectionnez "Autre, utilisation personnalisé du nom de la class CSS"
Puis entrez ceci :

Code:
userBanner bannerReaqz
Toujours en remplacant "Reaqz" par ce que vous avez mis vous.

Résultat :

 

Tiiix

Visiteur
Messages
16
Ressources
0
J'aime
2
Points
573
Hors ligne
#6
@iSnAwX
Merci du partage !
Mais tu te compliques la vie, tu peux juste mettre ça :

Code:
<i class="fa icon" aria-hidden="true"></i>
dans le nom d'utilisateur et ça fonctionne ;)
 
Haut Bas