Résolu Font Awesome pour les grades , help pls !

LynKoZ_

Membre
Inscription
9 Avril 2018
Messages
22
Points
74
    Réponse de LynKoZ_ Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #1
Bonsoir à vous,

J'ai un soucis avec mon forum...
Ce soucis c'est que j'ai regarde que des tutos que ce sois chez vous ou autres et je n'arrive pas à mettre d'icône sur mes grades :'( .


Voilà ce que ça me fais quand je fini les lignes de code :

Ca me gave , ça fais des jours que j'essaye ça ...
Mes lignes de code que j'ai dans Extra.Css :


.username .style3:before {

content: "\f3ed";
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(400deg);
-moz-transform: rotate(400deg);
-ms-transform: rotate(400deg);
-o-transform: rotate(400deg);
}



Rien qui s'affiche à par un carré jaune qui tourne ...

MES LIGNES DE CODE D'EXTRA.CSS :


MES LIGNES DE CODE DE PAGE CONTAINER :

J'espère avoir une réponse qui m'aidera ..
Bonne journée à vous,

Toutes mes salutations !
 

Thomas'

Responsable de section
Responsable de section
Inscription
3 Avril 2015
Messages
2 862
Points
5 736
    Réponse de Thomas' Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #2
Bonsoir à vous,

J'ai un soucis avec mon forum...
Ce soucis c'est que j'ai regarde que des tutos que ce sois chez vous ou autres et je n'arrive pas à mettre d'icône sur mes grades :'( .


Voilà ce que ça me fais quand je fini les lignes de code :

Ca me gave , ça fais des jours que j'essaye ça ...
Mes lignes de code que j'ai dans Extra.Css :


.username .style3:before {

content: "\f3ed";
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(400deg);
-moz-transform: rotate(400deg);
-ms-transform: rotate(400deg);
-o-transform: rotate(400deg);
}



Rien qui s'affiche à par un carré jaune qui tourne ...

MES LIGNES DE CODE D'EXTRA.CSS :


MES LIGNES DE CODE DE PAGE CONTAINER :

J'espère avoir une réponse qui m'aidera ..
Bonne journée à vous,

Toutes mes salutations !
@Rivals @Walky 🍻 :p
 

Melvin'

Ancien staff
Ancien staff
Inscription
23 Février 2014
Messages
8 334
Points
9 418
    Réponse de Melvin' Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #3
Salut,
Ton topic se trouvait dans la mauvaise section , je l'ai donc déplacé dans la bonne section :modo:

Bonne journée,
Melvin'
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #4
Tu n'as pas mis la partie "PAGE_CONTAINER"
 

Louki

Ancien staff
Ancien staff
Inscription
8 Juin 2013
Messages
5 290
Points
11 657
    Réponse de Louki Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #5
il faut importer les font-awesome pour les voir.

@Wims je pense que tu as raison, il doit ajouter la ligne suivante dans la PAGE_CONTAINER :

HTML:
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #6
il faut importer les font-awesome pour les voir.

@Wims je pense que tu as raison, il doit ajouter la ligne suivante dans la PAGE_CONTAINER :

HTML:
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
Je disais justement qu'il n'avait pas copier/coller ça partie "PAGE_CONTAINER" dans le topic, je voulais justement voir si il avait bien installé FontAwesome.


Si tu as bien mis cette ligne, assure toi qu'elle soit entre les balises <head></head>
 

LynKoZ_

Membre
Inscription
9 Avril 2018
Messages
22
Points
74
    Réponse de LynKoZ_ Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #7
Vous avez un screenshot s'il vous plaît ??
Je vois pas le <head></head> dans la page :/
Faut-il faire ceci '( Tout en bas )' ? ;
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #8
Vous avez un screenshot s'il vous plaît ??
Je vois pas le <head></head> dans la page :/
Faut-il faire ceci '( Tout en bas )' ? ;
Non il faut le faire après le <head> :

Cherche le <head> il doit être dans les 10 premières lignes, et ensuite tu colles la ligne juste après le <head>
 

Enissay72 | Kirito

L'Épéiste Noir | Kirito
Premium
Inscription
23 Juillet 2015
Messages
805
Points
3 209
    Réponse de Enissay72 | Kirito Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #9
Il n'y a pas une erreur quand tu rentre le fa ?
 
Dernière édition:

LynKoZ_

Membre
Inscription
9 Avril 2018
Messages
22
Points
74
    Réponse de LynKoZ_ Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #10
Non , j'ai essayé , ça marche toujours pas ...
Non il faut le faire après le <head> :

Cherche le <head> il doit être dans les 10 premières lignes, et ensuite tu colles la ligne juste après le <head>
Faut-il mettre à la fin le </head> ?
 

Enissay72 | Kirito

L'Épéiste Noir | Kirito
Premium
Inscription
23 Juillet 2015
Messages
805
Points
3 209
    Réponse de Enissay72 | Kirito Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #11

LynKoZ_

Membre
Inscription
9 Avril 2018
Messages
22
Points
74
    Réponse de LynKoZ_ Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #12
ça ne marche toujours pas :'(

Puis-je faire confiance à quelqu'un ? :/
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #13
Peux tu me montrer le font awesome que tu essaies de mettre?
 
Dernière édition:

LynKoZ_

Membre
Inscription
9 Avril 2018
Messages
22
Points
74
    Réponse de LynKoZ_ Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #14


f3ed :p
 

iSnAwXz

Membre Premium
Premium
Inscription
26 Novembre 2011
Messages
7 292
Points
11 031
    Réponse de iSnAwXz Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #15
Ton Xenforo est en quelle version ?
Utilises les FA 4.x plutôt que les FA 5.x ;)
 

Hayzen.

VIP
VIP
Inscription
10 Août 2012
Messages
8 713
Points
13 842
    Réponse de Hayzen. Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #16
N'utilise pas la V5 car elle est bugué pour les forums :)
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #17

iSnAwXz

Membre Premium
Premium
Inscription
26 Novembre 2011
Messages
7 292
Points
11 031
    Réponse de iSnAwXz Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #18
Avec les FA 5.x sous XF ?
 

Wims

Membre Premium
Premium
Inscription
27 Août 2014
Messages
1 594
Points
5 501
    Réponse de Wims Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #19

iSnAwXz

Membre Premium
Premium
Inscription
26 Novembre 2011
Messages
7 292
Points
11 031
    Réponse de iSnAwXz Forums généraux Informatique ⌨️ Programmation Programmation web Questions, aides et recherches Résolu : Font Awesome pour les grades , help pls !
  • #20
Personnellement ils sont bugé chez moi, ça affiche des carrés comme dans le cas ici ;)
 



Retrouvez RealityGaming sur mobile

L'application mobile évolue depuis plusieurs semaines pour correspondre à vos besoins.
Retrouvez dès à présent les dernières versions sur iOS et Android.

Pour les reports de bug ou suggestions, c'est ici.

Membres du mois

Récompense de 70€ au membre qui a produit les meilleurs topics chaque mois (meilleur ratio résultats sur google + vues + réponses + likes sur une ou plusieurs de ses discussions). Plus d'infos.

RealityGaming sur YouTube !

Mobile app for XenForo 2 by Appify
Haut