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

[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.

 

[Snake's]

Bonjour,

Il faut faire cela en CSS.

 

[deleted507548]

Bonjour,

Il faut faire cela en CSS.

Tu pourrais m'aider? ^^

 

[Snake's]

Tu pourrais m'aider? ^^

Si c'est pour nous copier tout nos grades, non-merci.
Il faut un minimum de connaissances avant de faire un forum.

 

[deleted283265]

En gros tu veut copier & coller les grades RG ?

Je m'y connais en CSS et ça donne pas envie d'aider si c'est pour ça

 

[deleted507548]

En gros tu veut copier & coller les grades RG ?

Je m'y connais en CSS et ça donne pas envie d'aider si c'est pour ça

Non je veux simplement mettre une étoile devant le grade ancien staff

 

[deleted283265]

Non je veux simplement mettre une étoile devant le grade ancien staff

Ajoute moi sur skype: mgenios

 

[Boosterz']

Salut,

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

Ensuite tu va édité le template : username_styles pour ajouté à la fin :

.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 :

<link rel="stylesheet" href="http://tonNDD/styles/tonSTYLE/font-awesome.min.css">

Attention modifie bien le lien

 

[deleted507548]

Salut,

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

Ensuite tu va édité le template : username_styles pour ajouté à la fin :

.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 :

<link rel="stylesheet" href="http://tonNDD/styles/tonSTYLE/font-awesome.min.css">

Attention modifie bien le lien

Merci !

 

[Boosterz']

Merci !

J'ai oublié de précisé, dans le grade de ton panel tu met :

color: #FC7F3C;

Modifie la couleur comme tu la veux.
Si tu veux l'étoile de la même couleur tu modifie le code de username_styles , ton étoile aura la couleur adapté

Enfoiré va x)

Pardon ?

 

[Leaaderz]

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/.

 

[Deleted404]

Si tu as d'autres soucis en Xenforo tu peux me contacter en MP

Bonne continuation


Cordialement
WavModz