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

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
A

adel_xf

Premium
Inscription
23 Mai 2015
Messages
522
Réactions
251
Points
14 554
RGCoins
20
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
Haut