Prérequis : Font Awsomes => A mettre a la racine du forum
Première étape : Direction dans Aparance => Tempale => Page_container_js_head
chercher :
Ajoutez ceci en dessous :
cliquez sur sauvegarder & quitter
Deuxième étape : Direction dans Aparence => Template => EXTRA.css
Aller tout a la fin et ajouter ce code ci
Troisième étape : On va maintenant changer le logo FA donc aller sur le site officile de FA : http://fortawesome.github.io/Font-Awesome/
Ensuite aller sur l'onglet icon tout en haut ( le lien direct : http://fortawesome.github.io/Font-Awesome/icons/ )
Ensuite choiser votre logo par exemple je vais prendre le user vous tomberez sur ceci : http://prntscr.com/7vo38v une fois que vous avez sa vous chercher l'unicode qui ce situe ici : http://prntscr.com/7vo3ly vous devez donc prendre ce code la : " f007 "
Une fois ceci fait direction la template Extra.css et cherche ceci :
et maintenant vous avez plus qu'a remplacer ce code ci :
par ceci :
et ensuite vous enregistrer votre template.
Autres & Astuce.
Vous pouvez copié ce code plusieur fois dans votre template il vous suffiras juste de remplacer l'id du groupe par le bon.
comment le trouver : Direction > Utilisateur > Groupe d'utilisateur > choisie votre utilisateur pour ma par ca seras Donateurs et vous regarder donc le lien qui est en haut et il y auras un chiffre a coter du nom du groupe comme ceci.
http://prntscr.com/7vo5sp
ce nombre correspond a l'id de votre groupe donc une fois que vous avez votre id vous retourner dans votre remplate Extra.Css et cherche ceci
et remplacer donc le nombre 15 par 8 ce qui donne ceci
voila ce tuto est pour teuchi ravi de t'avoir aider
je tien a signale que j'ai ecris ce tuto avec mes porpre doigt donc je veux pas voir de mets la source ou autre
Première étape : Direction dans Aparance => Tempale => Page_container_js_head
chercher :
Code :
<!--XenForo_Require:JS-->
Ajoutez ceci en dessous :
Code :
<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css">
cliquez sur sauvegarder & quitter
Deuxième étape : Direction dans Aparence => Template => EXTRA.css
Aller tout a la fin et ajouter ce code ci
Code :
.username .style15:before {
content: "\f193";
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;
}
Troisième étape : On va maintenant changer le logo FA donc aller sur le site officile de FA : http://fortawesome.github.io/Font-Awesome/
Ensuite aller sur l'onglet icon tout en haut ( le lien direct : http://fortawesome.github.io/Font-Awesome/icons/ )
Ensuite choiser votre logo par exemple je vais prendre le user vous tomberez sur ceci : http://prntscr.com/7vo38v une fois que vous avez sa vous chercher l'unicode qui ce situe ici : http://prntscr.com/7vo3ly vous devez donc prendre ce code la : " f007 "
Une fois ceci fait direction la template Extra.css et cherche ceci :
Code :
content: "\
et maintenant vous avez plus qu'a remplacer ce code ci :
Code :
content: "\f193";
Code :
content: "/f007";
et ensuite vous enregistrer votre template.
Autres & Astuce.
Vous pouvez copié ce code plusieur fois dans votre template il vous suffiras juste de remplacer l'id du groupe par le bon.
comment le trouver : Direction > Utilisateur > Groupe d'utilisateur > choisie votre utilisateur pour ma par ca seras Donateurs et vous regarder donc le lien qui est en haut et il y auras un chiffre a coter du nom du groupe comme ceci.
http://prntscr.com/7vo5sp
ce nombre correspond a l'id de votre groupe donc une fois que vous avez votre id vous retourner dans votre remplate Extra.Css et cherche ceci
Code :
.username .style15:before {
et remplacer donc le nombre 15 par 8 ce qui donne ceci
Code :
.username .style8:before {
voila ce tuto est pour teuchi ravi de t'avoir aider

je tien a signale que j'ai ecris ce tuto avec mes porpre doigt donc je veux pas voir de mets la source ou autre
