Résolu Comment ajouter une icone font awsome devant le pseudo theme Aperture Xenforo

zeusmod

Membre
Inscription
2 Septembre 2015
Messages
51
Réactions
6
Points
2 331
RGCoins
25
salut, j'ai un thème aperture... sur le theme baisik j'ai suivi un tuto ça marche mais aperture rien ne s'affiche une idée pour ajouter une icone font devant le pseudo comme l'étoile ?

You must be registered for see images attach
 
je veux avoir, pour mon forum.

je vais refaire la manip. mais oui j'ai bien mis, toujours rien

Il a suivi un tutoriel sur RG pour mettre une icône FA à côté du pseudo, sur son forum, mais quand il fait la manipulation, le FA ne s'affiche pas. ;)

exactement (y)
 
Dernière édition par un modérateur:
Il a suivi un tutoriel sur RG pour mettre une icône FA à côté du pseudo, sur son forum, mais quand il fait la manipulation, le FA ne s'affiche pas. ;)
Ha ok j'ai compris merci . La je m'adresse à l'auteur j'ai la solution mais je pourrais te le dire que demain dsl
 
Salut

Ajoute ce code dans la template : PAGE_CONTAINER
entre les balises
Code:
<head></head>
Ajoute :

Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Une fois cela fais, rends toi dans la template extra.css et ajoute ça:

Code:
.username .style3:before {
    font-family: "FontAwesome";
    content: "\f132";
    padding-right: 4px;
    display: inline-block;
}

.username .style3:hover:before{
    display: inline-block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -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;
}

Tu as juste a changé
.username .style3:hover:before et .username .style3:before // par le numéro de groupe d'utilisateur.

content: "\f132"; // Puis de modifier le logo FA
 
Retour
Haut