Résolu Comment faire ceci sur XenForo ?

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

Kong SEC

Retraité
Ancien staff
Inscription
14 Mai 2016
Messages
2 714
Réactions
2 349
Points
14 400
RGCoins
25
J'ai besoin de votre aide car je n'arrive pas à venir à bout de ce que je recherche, j'aimerais mettre les pseudos centré à la place de les mettre à gauche mais je ne trouve pas le bon code !

Exemple :
7ac0679504bd4432843a487e8a895f05.png

Si vous sauriez me dire comment ce serait cool !​
 
Trier par date Trier par votes
DustY064 a dit:
Centrer le Thanos
Avec le petit marteau :D

Centrer tout les pseudos dans toutes les discussions quoi tu vois ce que je veux dire ?
Cliquez pour agrandir...

Dans le CSS tu rajoutes

Code: 
.username {
text-align:center;
}

ça devrait le faire, je débute sur XF aussi :sick:
 
Voter positivement 0 Voter négativement
Maxime a dit:
Dans le CSS tu rajoutes

Code: 
.username {
text-align:center;
}

ça devrait le faire, je débute sur XF aussi :sick:
Cliquez pour agrandir...
Hélas, ça ne fait rien en mettant :
.username {
text-align:center;
}

Il a fonctionner pour toi ?
 
Dernière édition par un modérateur:
Voter positivement 0 Voter négativement
Ajoute ces deux codes dans EXTRA.css :
Code: 
.messageUserBlock h3.userText {
    padding: 6px;
    text-align: center;
}
Code: 
.messageUserBlock a.username {
    font-weight: bold;
    display: block;
    text-align: center;
    overflow: hidden;
    line-height: 16px;
}
 
Cette réponse a aidé l'auteur de cette discussion !
Voter positivement 0 Voter négativement
Salut,

Tu as parler d'un marteau, serais-ce celui-ci : ? :mmh:
Si c'est le cas il s'agit d'un Font Awesome je te ramène à ce tuto : https://reality-gaming.fr/threads/x...e-etoile-devant-le-grade-et-le-pseudo.359259/

Bonne soirée,
Flown'
 
Voter positivement 0 Voter négativement
Flown' a dit:
Salut,

Tu as parler d'un marteau, serais-ce celui-ci : ? :mmh:
Si c'est le cas il s'agit d'un Font Awesome je te ramène à ce tuto : https://reality-gaming.fr/threads/x...e-etoile-devant-le-grade-et-le-pseudo.359259/

Bonne soirée,
Flown'
Cliquez pour agrandir...
J'ai déjà mis en place ce tuto sur mon forum je cherche juste comment le faire pareil que sur RG, qui tape tu sais pas qu'il ne bouge
 
Voter positivement 0 Voter négativement
Bonjour,

Pour l'animation du marteau de :RG:
Veuillez vous rendre dans l'admin -> apparence -> templates -> Extra.css

Puis ajoutez ce code :

Code: 
.username .styleID:before{


font-family: "FontAwesome";
    content: "\f0e3";
    color: dark;
    padding-right: 4px;
    display: inline-block;
}
.username .stylexx:hover:before {
    display: inline-block;
    animation: shakeGavel 1.20s
}

@keyframes shakeGavel {
    0 {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(-25deg);
        -ms-transform: translate(-3px, 0) rotate(-25deg);
        transform: translate(-3px, 0) rotate(-25deg)
    }

    30% {
        -webkit-transform: translate(3px, 0) rotate(25deg);
        -ms-transform: translate(3px, 0) rotate(25deg);
        transform: translate(3px, 0) rotate(25deg)
    }

    50% {
        -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform: translate(-3px, 0) rotate(-15deg)
    }

    60% {
        -webkit-transform: translate(3px, 0) rotate(15deg);
        -ms-transform: translate(3px, 0) rotate(15deg);
        transform: translate(3px, 0) rotate(15deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

N'oubliez pas de remplacez "ID" par l'id de votre groupe d'utilisateur :)

Cordialement,
AlexisModdingMR
 
Voter positivement 0 Voter négativement
AlexisModdingMR a dit:
Bonjour,

Pour l'animation du marteau de :RG:
Veuillez vous rendre dans l'admin -> apparence -> templates -> Extra.css

Puis ajoutez ce code :

Code: 
.username .styleID:before{


font-family: "FontAwesome";
    content: "\f0e3";
    color: dark;
    padding-right: 4px;
    display: inline-block;
}
.username .stylexx:hover:before {
    display: inline-block;
    animation: shakeGavel 1.20s
}

@keyframes shakeGavel {
    0 {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(-25deg);
        -ms-transform: translate(-3px, 0) rotate(-25deg);
        transform: translate(-3px, 0) rotate(-25deg)
    }

    30% {
        -webkit-transform: translate(3px, 0) rotate(25deg);
        -ms-transform: translate(3px, 0) rotate(25deg);
        transform: translate(3px, 0) rotate(25deg)
    }

    50% {
        -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform: translate(-3px, 0) rotate(-15deg)
    }

    60% {
        -webkit-transform: translate(3px, 0) rotate(15deg);
        -ms-transform: translate(3px, 0) rotate(15deg);
        transform: translate(3px, 0) rotate(15deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

N'oubliez pas de remplacez "ID" par l'id de votre groupe d'utilisateur :)

Cordialement,
AlexisModdingMR
Cliquez pour agrandir...
Copier coller :xD:
 
Voter positivement 0 Voter négativement
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut