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
RGCoins
25
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
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
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
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
Retour
Haut