[CSS] Etoile pivotante à coté du pseudo

[Tεuchi PM|T]

Bonjour la pm|t
Voici comment avoir une petite étoile pivotante à coté du pseudo des membres d'un groupe choisi

étape 1 :
Il te faut télécharger l'archive ici Font Awesome, the iconic font and CSS framework tu décompresse le dossier à la racine de ton dossier "forum".

étape 2 :
Aller sur votre panel admin
Dans la template page_container_js_head, Chercher ceci :

<!--XenForo_Require:JS-->

ajoutez en dessous de celui la :

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

étape 3 :
Dirigez vous dans la Template EXTRA.css, et ajoutez cette class:

[/COLOR][/FONT][/SIZE]
.username .style3:before {
content: "\f005";
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;  
}
.username:hover .style3:before {
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
  -o-transform: rotate(720deg);
[SIZE=14px][FONT=Tahoma][COLOR=rgb(161, 161, 161)]}

Remplacez .style3, par l'ID du groupe qui est visé, ici dans cet exemple je vise le groupe Premium, qui à comme ID le groupe 3, donc j'ai mis.style3.
Petit aperçu : http://prntscr.com/7tlrlw

J'espère que se-ci vous aura plut

Crédit : Teuchi/PMT