Résolu Comment ajouter un petit icon (grade) en face d'un pseudo sur xenforo forum

Z

zeusmod

Membre
Inscription
2 Septembre 2015
Messages
51
Réactions
6
Points
2 331
Nouvelle petite question, comment je peux ajouter une image ou autre en face d'un pseudo ?
exemple comme sur RG

c'est encore un add on ou pas ?
une idée ?

merci !
 

Fichiers joints

  • Capture.PNG
    Capture.PNG
    58.1 KB · Affichages: 52
Trier par date Trier par votes
Tanuki_Dev

Tanuki_Dev

Membre
Inscription
5 Décembre 2012
Messages
208
Réactions
53
Points
11 386
les icons font awesome sont simples à utiliser, le site :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Rend toi dans les groupes de ton forum et ajoute en préfixe l'icon (je sais pas comment ça marche sous XenForo)
mais voici le code html pour une icon :

<i class="fa fa-user"></i> PSEUDO

Tu peux remplacer le fa-user par une autre icon que tu trouveras sur le site :)
 
Voter positivement 0 Voter négativement
Rivals

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
896
Points
13 104
Bonjour,

Tu dois ajouter la bibliothèque
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
à ton forum entre les balises <head></head> via la template PAGE_CONTAINER.

Tu dois ensuite personnaliser tes groupes d'utilisateur en insérant du code CSS dans la template EXTRA.CSS.

Par exemple pour le grade d'administrateur :
Code: 
.username .style3:before {
    font-family: "FontAwesome";
    font-size: 90%;
    content: "\f02e";
    color: red;
    padding-right: 2px;
    display: inline-block;
}

Tu trouveras chaque unicode (à placer dans la propriété content:"\") sur la page de l'icône de ton choix. :)

Bonne journée,
Rivals GTP
 
Voter positivement 0 Voter négativement
WhiiTe'

WhiiTe'

Administateur
Ancien staff
Inscription
22 Octobre 2011
Messages
14 706
Réactions
8 492
Points
32 425
Sapuraizu a dit:
les icons font awesome sont simples à utiliser, le site :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Rend toi dans les groupes de ton forum et ajoute en préfixe l'icon (je sais pas comment ça marche sous XenForo)
mais voici le code html pour une icon :

<i class="fa fa-user"></i> PSEUDO

Tu peux remplacer le fa-user par une autre icon que tu trouveras sur le site :)
Cliquez pour agrandir...
Sur XenForo ça se passe dans la CSS ^^
 
Voter positivement 0 Voter négativement
Haut