Résolu Impossible d'installer FontAwesome

[Arkanium_]

Bonsoir tout le monde,

J'ai aujourd'hui tenter d'installer Font Awesome pour faire tourner un icon à coté d'un pseudo mais là problème ! J'ai bien suivi le tutoriel de https://reality-gaming.fr/threads/x...ivotant-a-360-au-passage-de-la-souris.407470/ d’ailleurs merci à lui.

J'utilise le style : UI.X
J'ai mis la ligne de code pour activer FA dans page_container_js_head
J'ai bien activé l'icon dans la classe EXTRA et je n'ai pas fait de faute au numéro du style
J'ai bien mis également FA à la racine de mon FTP.

Mais ca n'affiche pas l'icon, même un pas un carré d'erreur ca n'affiche rien.

Merci de m'aider s'il vous plait

 

[Arkanium_]

C'est dans la correction que je lui ai proposé


Je pense oui
Je vais faire des tests dans ton code source je te tiens au courant

D'accord sa marche

 

[Paul GTP]

Le problème est simple, tu n'as pas défini .style3 (qui est normalement la class pour "Administrateur").
Du coup si tu veux que ton code marche, il faut utiliser celui-ci dans ton extra.css

.username: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;
}

Cependant, tous les utilisateurs (membres normaux, membres bannis) auront cette icône.
Il faut donc que tu définisse une class à tes utilisateurs.

Malheureusement ça dépasse mes compétences, mais je pense que ça doit se faire dans l'administration de XenForo ?

 

[Arkanium_]

Le problème est simple, tu n'as pas défini .style3 (qui est normalement la class pour "Administrateur").
Du coup si tu veux que ton code marche, il faut utiliser celui-ci dans ton extra.css

.username: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;
}

Cependant, tous les utilisateurs (membres normaux, membres bannis) auront cette icône.
Il faut donc que tu définisse une class à tes utilisateurs.

Malheureusement ça dépasse mes compétences, mais je pense que ça doit se faire dans l'administration de XenForo ?

Le truc bizzard c'est que avant j'avais un fofo exactement pareil avec le même style que celui ci et tout marchait correctement :/

 

[?Umbrella?]

Le problème est simple, tu n'as pas défini .style3 (qui est normalement la class pour "Administrateur").
Du coup si tu veux que ton code marche, il faut utiliser celui-ci dans ton extra.css

.username: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;
}

Cependant, tous les utilisateurs (membres normaux, membres bannis) auront cette icône.
Il faut donc que tu définisse une class à tes utilisateurs.

Malheureusement ça dépasse mes compétences, mais je pense que ça doit se faire dans l'administration de XenForo ?

Oui doit être ça

 

[Arkanium_]

Oui doit être ça

Le problème est simple, tu n'as pas défini .style3 (qui est normalement la class pour "Administrateur").
Du coup si tu veux que ton code marche, il faut utiliser celui-ci dans ton extra.css

.username: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;
}

Cependant, tous les utilisateurs (membres normaux, membres bannis) auront cette icône.
Il faut donc que tu définisse une class à tes utilisateurs.

Malheureusement ça dépasse mes compétences, mais je pense que ça doit se faire dans l'administration de XenForo ?

Et si je l'ai défini. Voici mon fichier EXTRA.css

Spoiler: EXTRA.css

.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(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);

}

 

[Paul GTP]

Et si je l'ai défini. Voici mon fichier EXTRA.css

Spoiler: EXTRA.css

.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(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);

}

Oui, mais il n'y a pas de "style3" dans ton code source

Juste une classe username

Sur RG ça ressemble à ça:

 

[Arkanium_]

Oui, mais il n'y a pas de "style3" dans ton code source

Juste une classe username

Sur RG ça ressemble à ça:

C'est louche tout ca comme se fait il qu'il n'y a pas .style3 alors que je l'ai mis.

 

[Paul GTP]

C'est louche tout ca comme se fait il qu'il n'y a pas .style3 alors que je l'ai mis.

Le style3 est bien dans ton extra.css
Le problème est qu'il n'est pas dans ton code HTML x)

Je pense qu'il y a des tutos pour rajouter ça sur RG

 

[Arkanium_]

Le style3 est bien dans ton extra.css
Le problème est qu'il n'est pas dans ton code HTML x)

Je pense qu'il y a des tutos pour rajouter ça sur RG

ça m'embête tout cela car avant j'avais pas besoins de faire ça

 

[Paul GTP]

ça m'embête tout cela car avant j'avais pas besoins de faire ça

Oui, je sais x) Mais c'est "le prix à payer" pour avoir de jolies icônes
Si je rajoute manuellement la même chose que sur RG dans ton code source ça passe crème
Passe en privé, j'ai quelque chose à te proposer

 

[Arkanium_]

Oui, je sais x) Mais c'est "le prix à payer" pour avoir de jolies icônes
Si je rajoute manuellement la même chose que sur RG dans ton code source ça passe crème
Passe en privé, j'ai quelque chose à te proposer

Ok go privé

 

[?Umbrella?]

*Ajoutez **ceci dans votre Template EXTRA.css :

.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;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}

 

[Arkanium_]

Je test

*Ajoutez **ceci dans votre Template EXTRA.css :

.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;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}

 

[Paul GTP]

Je test

Pas besoin, j'ai réussi

Solution: Une fois que le tutoriel est réalisé, rendez-vous dans votre Administration.
Allez dans Utilisateurs > Groupes d'utilisateurs

Choisissez le rang à modifier, et, dans "Nom d'utilisateur CSS", écrivez "style3" (si vous utilisez le fa sur le style3 )

Sauvegardez, enjoy !

 

[?Umbrella?]

Pas besoin, j'ai réussi

Son problème vennait d'où du coup ?

 

[Paul GTP]

Son problème vennait d'où du coup ?

J'ai édité mon message
Il reste juste un bug à modifier, c'est le fait que le style3 ne se mette pas de partout
Mais ça, il faut voir directement dans le code je pense, je vais regarder

 

[?Umbrella?]

J'ai édité mon message
Il reste juste un bug à modifier, c'est le fait que le style3 ne se mette pas de partout
Mais ça, il faut voir directement dans le code je pense, je vais regarder

Voilà cette sa qui avez oubliée

 

[Arkanium_]

Je ne mettait pas cela avant mais merci

 

[Arkanium_]

En tout cas un GRAND MERCI a vous ! @Sulivanv2t @Paul GTP, Je prend en compte ta demande et je te tien au courant @Sulivanv2t

 

[?Umbrella?]

En tout cas un GRAND MERCI a vous ! @Sulivanv2t @Paul GTP, Je prend en compte ta demande et je te tien au courant @Sulivanv2t

Mais de rien, ça marche tien moi au courant envoi ton Skype Pv