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
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
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
N'oubliez pas d'ajouter font-awesome
Pour cela allez dans PAGE_CONTAINER
Ajouter en bas de celle ci
Voici le fichier CSS =>
Virus scan =>
Lien des fichiers fonts =>
Vous sauvegardez.
Et admirer le résultat
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
You must be registered for see images attach
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
You must be registered for see images attach
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">
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
