Xenforo : Avoir un logo css pivotant à 360° au passage de la souris

[Wurakogen]

Bonjour à tous, voici un tutoriel pour avoir un logo css (liste

You must be registered for see links

.) tournant à coté d'un pseudo au passage de la souris.
Pour cela, telecharger font awesome

You must be registered for see links

.
Voir la pièce jointe 73
Allez dans votre AdminCP > Apparences > Templates >page_container_js_head
Sous

<!--XenForo_Require:JS-->

Mettez

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

Ensuit, direction EXTRA.CSS
Donc là je vais mettre en couleurs des parties, la légende se trouve dessous c'est très important !


.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(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);

}

Alors, pour ce qui est en rouge : C'est le groupe, pour savoir le numéro d'un groupe allé dans Utilisateurs > Groupe d'utilisateur puis cliquez sur le groupe, regardez dans l'URL le numéro. Remplacez le 3 par le numéro.

f005 : C'est si vous voulez changé le petite icone, là c'est l'étoile pleine. Pour savoir comment changé rendez-vous

You must be registered for see links

. Cliquez sur l'icone de votre choix, puis regardez:

J'ai pris comme exemple le logo youtube, mais c'est pareil à tous les logos.
Là en l'occurence si je veux le logo youtube qui tourne, à la place, je vais écrire content: "\f16a";.
J'éspère que ce tutoriel vous aura plus, si vous avez des questions n'hesitez pas
Voir la pièce jointe 73
Amicalement
CRUEL-MODZ​