[Xenforo] Comment ajouter la petite étoile devant le grade et le pseudo

[Kévin 🚀]

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

.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

<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

 

[Rivals]

Tutoriel incomplet. Si tu n'as pas intégré le service proposant ces icônes cela ne fonctionnera pas.

 

[Kévin 🚀]

Tutoriel incomplet. Si tu n'as pas intégré le service proposant ces icônes cela ne fonctionnera pas.

C'est corrigé, Merci

 

[Lio.nn]

merci

 

[DmZ]

Merci pour le tuto , sa marche pour moi
Sa à même sauvegarder

 

[Kévin 🚀]

Merci pour le tuto , sa marche pour moi
Sa à même sauvegarder

Derien

 

[pLoT carNage]

C'est corrigé, Merci

Il faut avoir un ordi ou on peut le faire avec un gsm?

 

[Kévin 🚀]

Il faut avoir un ordi ou on peut le faire avec un gsm?

Un ordinateur serait mieu

 

[pLoT carNage]

Un ordinateur serait mieu

Ok tu pourrai me donner un tuto "pour les nuls" je n'ai pas bien compris

 

[Kévin 🚀]

Ok tu pourrai me donner un tuto "pour les nuls" je n'ai pas bien compris

C'est déjà simple

 

[pLoT carNage]

C'est déjà simple

Alors dis moi qu'est l'AdminCP?

 

[Kévin 🚀]

Alors dis moi qu'est l'AdminCP?

C'est le panel de gestion de ton forum xenforo

 

[pLoT carNage]

C'est le panel de gestion de ton forum xenforo

Desoler mais, que veut dire aussi xenforo. Apres je t'embete plus

 

[deleted408246]

C'est le panel de gestion de ton forum xenforo

encore pire

 

[Kévin 🚀]

Desoler mais, que veut dire aussi xenforo. Apres je t'embete plus

Xenforo c'est un CMS pour faire un forum

encore pire

Courage

 

[pLoT carNage]

Xenforo c'est un CMS pour faire un forum

Ok

Courage

voila je suis sur un mac, je vais oú?

 

[Kévin 🚀]

voila je suis sur un mac, je vais oú?

Faut aller sur ton forum ....

 

[pLoT carNage]

forum RealityGaming?

 

[Kévin 🚀]

forum RealityGaming?

Non le tien

 

[pLoT carNage]

j'ai pas de forum