Résolu Comment mettre une étoile devant un grade sur xenForo ?

  • Auteur de la discussion Auteur de la discussion deleted507548
  • Créé le Créé le
Statut
N'est pas ouverte pour d'autres réponses.
D

deleted507548

Bonjour à tous,

Voici mon problème:

Je voudrais mettre une étoile pour le grade ancien staff pour mon forum, mais le problème c'est que dès que je mets une étoile avec le lien de ce site:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

et que je colle ici :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Ca fait cela:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Merci d'avance, j'aimerais également pour autre grade et pouvoir mettre la couleur de mon choix sur l'étoile par exemple et que dès qu'on pose le clique dessus elle tourne une fois. ;)
 
Trier par date Trier par votes
Salut,

Tu commence par regarder le numéro de ton groupe :
Par exemple pour moi ici c'est 7 :
71961352cc14cfdf6bc149986fc73e7e2.png


Ensuite tu va édité le template : username_styles pour ajouté à la fin :
Code: 
.username .style7:before {
font-family: "FontAwesome";
content: "\f005";
color: #FC7F3C;
padding-right: 4px;
display: inline-block;
}

.username .style7:hover:before{
display:inline-block;
-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
}

Donc tu modifie style7 par ton numéro à toi par exemple style9.

Tu télécharge ce fichier que tu met dans ton FTP au répertoire style/TonStyle
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Ensuite tu va édit le template : page_container_js_head pour mettre en bas :
Code: 
<link rel="stylesheet" href="http://tonNDD/styles/tonSTYLE/font-awesome.min.css">

Attention modifie bien le lien :)
 
Cette réponse a aidé l'auteur de cette discussion !
Voter positivement 0 Voter négativement
Paradise' a dit:
Salut,

Tu commence par regarder le numéro de ton groupe :
Par exemple pour moi ici c'est 7 :
71961352cc14cfdf6bc149986fc73e7e2.png


Ensuite tu va édité le template : username_styles pour ajouté à la fin :
Code: 
.username .style7:before {
font-family: "FontAwesome";
content: "\f005";
color: #FC7F3C;
padding-right: 4px;
display: inline-block;
}

.username .style7:hover:before{
display:inline-block;
-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
}

Donc tu modifie style7 par ton numéro à toi par exemple style9.

Tu télécharge ce fichier que tu met dans ton FTP au répertoire style/TonStyle
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Ensuite tu va édit le template : page_container_js_head pour mettre en bas :
Code: 
<link rel="stylesheet" href="http://tonNDD/styles/tonSTYLE/font-awesome.min.css">

Attention modifie bien le lien :)
Cliquez pour agrandir...
Merci !
 
Voter positivement 0 Voter négativement
Voter positivement 0 Voter négativement
Ton topic se trouvait dans la mauvaise section http://reality-gaming.fr/attachments/deplace-png.20318/, je l'ai donc déplacé dans la bonne section http://reality-gaming.fr/attachments/deplacement-png.20319/. :modo:
 
Voter positivement 0 Voter négativement
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut