Résolu add-ons pour personnaliser grades

[Matthieu D.]

Je recherche un addons pour mettre les grades en couleurs et mettre un petit signe devant !

 

[iBOLD]

Je recherche un addons pour mettre les grades en couleurs et mettre un petit signe devant !

Salut
https://reality-gaming.fr/threads/besoin-des-codes-couleur-de-pseudo-xenforo.300037/

https://reality-gaming.fr/threads/x...e-etoile-devant-le-grade-et-le-pseudo.359259/

 

[Matthieu D.]

Salut
https://reality-gaming.fr/threads/besoin-des-codes-couleur-de-pseudo-xenforo.300037/

https://reality-gaming.fr/threads/x...e-etoile-devant-le-grade-et-le-pseudo.359259/

Il n'y en a pas un autre ?
et je peux avoir un tutoriel pour les prefixs complet

 

[deleted13519]

Salut
https://reality-gaming.fr/threads/besoin-des-codes-couleur-de-pseudo-xenforo.300037/

https://reality-gaming.fr/threads/x...e-etoile-devant-le-grade-et-le-pseudo.359259/

Tu m'as devancé

 

[Rivals]

Il n'y en a pas un autre ?

Qu'est-ce que tu ne comprends pas dans les topics donnés ?

 

[adel_xf]

Salut

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[membre241969]

Salut @ZmxFR,

Ton topic est résolu ?
Clique sur 'Cette réponse a résolu mon topic' si quelqu'un a su t'aider, pour le remercier et pouvoir déplacer ton topic dans la section adéquate.

Si tu as trouvé la solution tout seul, tu peux la poster.

Amicalement,
Wolf'

 

[deleted535977]

Salut

Ce n'est pas un add-ons mais plus un Tutoriels pour les Icone FA devant les grade

Pour la liste des grade : c'est un add-ons

 

[deleted535977]

Salut

Technique pour l'icone FA

page_container_js_head

<!--XenForo_Require:JS-->

Mette ce code a la suite :

<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">

Maintenant rendez-vous dans la template Extra.css

Mettez ce code a la suite :

#logo FA devant le groupe d'utilisateur

.username .styleXX:before {
content: "\VOTRE LOGO UNICODE";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

}

# Faire tourné le logo FA

.username:hover .styleXX:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);

}

Remplacez XX par le numéro du groupe d'utilisateur
Remplacez VOTRE LOGO FA par l'unicode du logo FA
Exemple : " f132 "


Technique pour les grade :

Forum_list

<!--Légende des groupes d'utilisateurs-->
<div class="section">
<div class="secondaryContent">
<h3><a href="members/?type=staff" title="Liste des groupes du forum" class="Tooltip">Liste des groupes d'utilisateur</a></h3>
<div class="username" style="text-align:center;">
<span class="style3">Administrateurs</span>
| <span class="style4">Modérateurs</span>
<span class="style8">Modérateurs Shoutbox</span>
| <span class="style5">Premium</span>
| <span class="style9">Graphistes</span>
<span class="style10">Moddeurs</span>
| <span class="style2">Membres</span>
</div>
</div>
</div>
<!--Fin : légende des groupes d'utilisateurs-->

Oublie pas change les grade !

 

[Matthieu D.]

Salut

Technique pour l'icone FA

page_container_js_head

<!--XenForo_Require:JS-->

Mette ce code a la suite :

<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">

Maintenant rendez-vous dans la template Extra.css

Mettez ce code a la suite :

#logo FA devant le groupe d'utilisateur

.username .styleXX:before {
content: "\VOTRE LOGO UNICODE";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

}

# Faire tourné le logo FA

.username:hover .styleXX:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);

}

Remplacez XX par le numéro du groupe d'utilisateur
Remplacez VOTRE LOGO FA par l'unicode du logo FA
Exemple : " f132 "


Technique pour les grade :

Forum_list

<!--Légende des groupes d'utilisateurs-->
<div class="section">
<div class="secondaryContent">
<h3><a href="members/?type=staff" title="Liste des groupes du forum" class="Tooltip">Liste des groupes d'utilisateur</a></h3>
<div class="username" style="text-align:center;">
<span class="style3">Administrateurs</span>
| <span class="style4">Modérateurs</span>
<span class="style8">Modérateurs Shoutbox</span>
| <span class="style5">Premium</span>
| <span class="style9">Graphistes</span>
<span class="style10">Moddeurs</span>
| <span class="style2">Membres</span>
</div>
</div>
</div>
<!--Fin : légende des groupes d'utilisateurs-->

Oublie pas change les grade !

pour la couleur ?

 

[deleted535977]

pour la couleur ?

Wouah tes bête ou quoi tu sais pas mettre la couleur !!

Utilisateurs -> Liste des groupe -> ect...

Comme a dit @Sampick69 crée pas un forum si ta pas connaisance dans l'HTML , et le CSS