Résolu [XENFORO] Ajouter une étoile pivotante, ou autre

  • Auteur de la discussion Auteur de la discussion deleted226438
  • Créé le Créé le
D

deleted226438

Salut, je voudrais savoir comment faire pour avoir une étoile pivotante ou autre comme sur RG (même d'autres forums).

J'ai pourtant mis dans ses templates :

page_container_js_head :

En dessous de :
"<!--XenForo_Require:JS--> "
j'ai mis :
"<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">"

et dans EXTRA.CSS :

"[/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);
}"

Et ça ne fonctionne pas ...

Merci à vous
 
Trier par date Trier par votes
Yo va dans le template PAGE_CONTAINER
Ajoute apres <head>
HTML: 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Puis tu va dans le template username_styles.css
Ajoute
Code: 
.username .style3:before {
    font-family: "FontAwesome";
    content: "\f005";
    padding-right: 4px;
    display: inline-block
}

.username .style3:hover:before {
    display: inline-block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -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
}
Pour modifier le groupe change style3 et pour changer l'icone change f005
You must be registered for see images attach

Pour avoir la liste des icones
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


You must be registered for see images attach
 
Cette réponse a aidé l'auteur de cette discussion !
Voter positivement 0 Voter négativement
Retour
Haut