Statut
N'est pas ouverte pour d'autres réponses.

Terf

Premium
Inscription
25 Juin 2014
Messages
2 620
Réactions
453
Points
15 531
Salut,

J'aimerais savoir comment on fais pour ajouter des FA 4.X sous XenForo 2.1.
J'aimerais remettre le FA "tie" comme celui du grade admin de RG ^^

Merci pour vos réponses :)
 

Terf

Premium
Inscription
25 Juin 2014
Messages
2 620
Réactions
453
Points
15 531
C'est ce que j'ai fais mais cela me donne un carré sur le style par défaut:

Voici mon code:

CSS:
.username--style3:before {
content: "\f27e";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 4px;
    float: left;
    padding-right: 5px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    
}
.username--style3:hover:before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
 

SyTry'

Premium
Inscription
22 Mai 2015
Messages
2 608
Réactions
814
Points
13 171
C'est ce que j'ai fais mais cela me donne un carré sur le style par défaut:

Voici mon code:

CSS:
.username--style3:before {
content: "\f27e";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 4px;
    float: left;
    padding-right: 5px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
 
}
.username--style3:hover:before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
Attends je lance mon localHost puis je regarde, je reviens vers toi après ;)

EDIT : mets cela dans ton "Nom d'utilisateur CSS" :
Code:
}
.username--style3:before {
font-family: "Font Awesome 5 Brands";
content: "\f27e";
padding-right: 4px;
display: inline-block;
 
Dernière édition:

SyTry'

Premium
Inscription
22 Mai 2015
Messages
2 608
Réactions
814
Points
13 171
J'ai mis mon code dans le grade (admin.php?user-groups/administrateurs.3/edit)
D'accord, moi en local sous 2.1.0 j'ai ceci :
Code:
color: #ff0000;
font-family: Verdana;
font-weight: bold;
font-size: 13px;
}
.username--style3:before {
font-family: "Font Awesome 5 Brands";
content: "\f27e";
padding-right: 4px;
display: inline-block;

Cela fonctionne très bien, sinon essaye via EXTRA.less :
Code:
.username--style3:before {
    content: "\f27e";
    font-family: "Font Awesome 5 Brands";
    margin-right: 4px;
    float: left;
    padding-right: 5px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.username--style3:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

Et attention, c'est "..." et non pas '...' ! ;)
 
Cette réponse a aidé l'auteur de cette discussion !

Avionix

Administrateur
Inscription
31 Mars 2012
Messages
14 164
Réactions
4 090
Points
31 403
Salut,
J'ai déplacé ta discussion en section Résolu.

Pour les prochaines fois, tu peux cliquer sur Cette réponse a répondu à ma question sous le message qui t'a aidé pour rajouter le préfixe résolu à la discussion. :)

Bonne soirée,
Avionix
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut