Résolu Comment avoir l'étoile coté de son nom xenforo

Statut
N'est pas ouverte pour d'autres réponses.
?Umbrella?

?Umbrella?

Premium
Inscription
9 Novembre 2012
Messages
3 341
Réactions
1 177
Points
19 168
je voudrais s'avoir comment mettre l'étoile comme les vie sur mon site xenforo merci
4f88ec3cb86edd65574c3ce4d2af91e9.png
 
Dernière édition:
Trier par date Trier par votes
Lyrix

Lyrix

UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 672
Réactions
8 160
Points
36 866
sulivanv2t® a dit:
je voudrais s'avoir comment mettre l'étoile comme les vie sur mon site xenforo merci
4f88ec3cb86edd65574c3ce4d2af91e9.png
Cliquez pour agrandir...

Salut,

Il te faut télécharger l'archive ici
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
tu décompresse le dossier à la racine de ton dossier "forum".

Dans le template page_container_js_head, Cherche ceci :


Code: 
<!--XenForo_Require:JS-->
Ajoute en dessous de ceci, Cela:
Code:
<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">


Et enfin, dirige toi dans le template EXTRA.css, et ajoute cette class:

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


Remplace .style3, par l'ID du groupe qui est visé, ici dans cet exemple je vise le groupe administrateur, qui à comme ID le groupe 3, et voilà :)
 
Voter positivement 0 Voter négativement
RaGe VeyZo | Youpass

RaGe VeyZo | Youpass

Premium
Inscription
24 Mars 2014
Messages
466
Réactions
179
Points
9 456
Lyrix GTP a dit:
Salut,

Il te faut télécharger l'archive ici
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
tu décompresse le dossier à la racine de ton dossier "forum".

Dans le template page_container_js_head, Cherche ceci :


Code: 
<!--XenForo_Require:JS-->
Ajoute en dessous de ceci, Cela:
Code:
<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">


Et enfin, dirige toi dans le template EXTRA.css, et ajoute cette class:

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


Remplace .style3, par l'ID du groupe qui est visé, ici dans cet exemple je vise le groupe administrateur, qui à comme ID le groupe 3, et voilà :)
Cliquez pour agrandir...
Comment on connait l'id de groupe?
 
Voter positivement 0 Voter négativement
Statut
N'est pas ouverte pour d'autres réponses.
Haut