D
deleted247906
Bonjour à tous, voici un tutoriel pour avoir un logo css (liste
Pour cela, telecharger font awesome
Allez dans votre AdminCP > Apparences > Templates > page_container_js_head
Sous
Mettez
Ensuit, direction EXTRA.CSS
Donc là je vais mettre en couleurs des parties, la légende se trouve dessous c'est très important !
.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);
}
Alors, pour ce qui est en rouge : C'est le groupe, pour savoir le numéro d'un groupe allé dans Utilisateurs > Groupe d'utilisateur puis cliquez sur le groupe, regardez dans l'URL le numéro. Remplacez le 3 par le numéro.
f005 : C'est si vous voulez changé le petite icone, là c'est l'étoile pleine. Pour savoir comment changé rendez-vous
J'ai pris comme exemple le logo youtube, mais c'est pareil à tous les logos.
Là en l'occurence si je veux le logo youtube qui tourne, à la place, je vais écrire content: "\f16a";.
J'éspère que ce tutoriel vous aura plus, si vous avez des questions n'hesitez pas
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
.) tournant à coté d'un pseudo au passage de la souris.Pour cela, telecharger font awesome
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
.Allez dans votre AdminCP > Apparences > Templates > page_container_js_head
Sous
Code:
<!--XenForo_Require:JS-->
Code:
<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">Donc là je vais mettre en couleurs des parties, la légende se trouve dessous c'est très important !
.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);
}
Alors, pour ce qui est en rouge : C'est le groupe, pour savoir le numéro d'un groupe allé dans Utilisateurs > Groupe d'utilisateur puis cliquez sur le groupe, regardez dans l'URL le numéro. Remplacez le 3 par le numéro.
f005 : C'est si vous voulez changé le petite icone, là c'est l'étoile pleine. Pour savoir comment changé rendez-vous
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
. Cliquez sur l'icone de votre choix, puis regardez:
J'ai pris comme exemple le logo youtube, mais c'est pareil à tous les logos.
Là en l'occurence si je veux le logo youtube qui tourne, à la place, je vais écrire content: "\f16a";.
J'éspère que ce tutoriel vous aura plus, si vous avez des questions n'hesitez pas
Dernière édition par un modérateur:
