Salut à tous,
Je vous partage ce soir la solution pour ajouter la petite étoile devant le grade et le pseudo de vos membres sur votre forum
Voici un exemple
Voir la pièce jointe 36398
Pour ajouté ceci il suffit de vous rendre dans votre AdminCP puis aller dans Utilisateur puis Groupes d'utilisateurs sélectionner le groupe ou vous lui attribuer une étoile. Pour moi ce sera ancien Staff
Donc il faut regarder l'URL pour pouvoir avoir l'id du groupe
Voir la pièce jointe 36401
Maintenant que nous avons l'id du groupe nous pouvons aller dans les templates de votre style xenforo puis allons dans la template "username_styles.css"
L'id servi à déterminer le style du groupe exemple style12, style11 etc ...
À la fin de la template vous ajoutez ceci
Code:
.username .style12:before {
font-family: "FontAwesome";
content: "\f005";
color: #FC7F3C;
padding-right: 4px;
display: inline-block;
}
.username .style12:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.35s;
-webkit-transition:all 0.35s;
-moz-transition:all 0.35s;
-ms-transition:all 0.35s;
-o-transition:all 0.35s
}
N'oubliez pas d'ajouter font-awesome
Pour cela allez dans
PAGE_CONTAINER
Ajouter en bas de celle ci
Code:
<link rel="stylesheet" href="http://NDDdevotreforum/styles/VOTREstyle/font/font-awesome.min.css">
Voici le fichier CSS =>
Vous devez être inscrit pour voir les liens !
Inscrivez-vous ou connectez-vous ici.
Virus scan =>
Vous devez être inscrit pour voir les liens !
Inscrivez-vous ou connectez-vous ici.
Lien des fichiers fonts =>
Vous devez être inscrit pour voir les liens !
Inscrivez-vous ou connectez-vous ici.
Vous sauvegardez.
Et admirer le résultat
