Résolu Comment faire ceci sur XenForo ?

Kong SEC · 18 Décembre 2016

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 :

Si vous sauriez me dire comment ce serait cool !

WhiiTe' · 18 Décembre 2016

Faire quoi ? Modifier les bannières utilisateurs ou mettre une icône ?

Kong SEC · 18 Décembre 2016

Centrer le Thanos
Avec le petit marteau

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

WhiiTe' · 18 Décembre 2016

DustY064 a dit:
Centrer le Thanos
Avec le petit marteau

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

Dans le CSS tu rajoutes

Code:

.username {
text-align:center;
}

ça devrait le faire, je débute sur XF aussi

Kong SEC · 18 Décembre 2016

Maxime a dit:
Dans le CSS tu rajoutes

Code:

.username { text-align:center; }

ça devrait le faire, je débute sur XF aussi

Hélas, ça ne fait rien en mettant :
.username {
text-align:center;
}

Il a fonctionner pour toi ?

WhiiTe' · 18 Décembre 2016

DustY064 a dit:
Hélas, ça ne fait rien en mettant :
.username {
text-align:center;
}

Il a fonctionner pour toi ?

J'ai pas essayé, j'ai juste déduis ce code x)

Kong SEC · 18 Décembre 2016

ah, pourrais tu mentionner une personne que tu connais qui saurait le faire s'il te plait qu'il puisse m'aider ?

WhiiTe' · 18 Décembre 2016

DustY064 a dit:
ah, pourrais tu mentionner une personne que tu connais qui saurait le faire s'il te plait qu'il puisse m'aider ?

Peut-être qu'@Hayzen SEC saurait il gère bien le côté design

Kong SEC · 18 Décembre 2016

Maxime a dit:
Peut-être qu'@Hayzen SEC saurait il gère bien le côté design

alors attendons @Hayzen SEC

1899 · 18 Décembre 2016

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;
}

deleted577633 · 18 Décembre 2016

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'

Kong SEC · 18 Décembre 2016

Flown' a dit:
Salut,

Tu as parler d'un marteau, serais-ce celui-ci : ?
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'

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

deleted577633 · 18 Décembre 2016

DustY064 a dit:
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

Après ça ce sont des modifications css :mmh:

Kong SEC · 19 Décembre 2016

Flown' a dit:
Après ça ce sont des modifications css

Elles n'ont pas marcher

AlexisModdingMR · 31 Juillet 2017

Bonjour,

Pour l'animation du marteau de

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

deleted577633 · 31 Juillet 2017

AlexisModdingMR a dit:

Bonjour,

Pour l'animation du marteau de

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

Copier coller

AlexisModdingMR · 31 Juillet 2017

SuperFlown ES a dit:
Copier coller

Je ne l'ai pas trouver sur RG quand j'ai chercher, donc j'ai trouvé sur un autre forum

deleted577633 · 31 Juillet 2017

AlexisModdingMR a dit:
Je ne l'ai pas trouver sur RG quand j'ai chercher, donc j'ai trouvé sur un autre forum

Tes sur https://reality-gaming.fr/threads/i...nforo-2-utilisation-des-font-awesomes.590830/ ?

AlexisModdingMR · 31 Juillet 2017

SuperFlown ES a dit:
Tes sur https://reality-gaming.fr/threads/i...nforo-2-utilisation-des-font-awesomes.590830/ ?

100% sûr de moi, je l'ai dans mes favoris le liens qui m'a servit

deleted577633 · 31 Juillet 2017

AlexisModdingMR a dit:
100% sûr de moi, je l'ai dans mes favoris le liens qui m'a servit

Regarde moN topic tu vas voir la réponse à sa question

Résolu Comment faire ceci sur XenForo ?

Kong SEC

Retraité

WhiiTe'

Administateur

Kong SEC

Retraité

WhiiTe'

Administateur

Kong SEC

Retraité

WhiiTe'

Administateur

Kong SEC

Retraité

WhiiTe'

Administateur

Kong SEC

Retraité

1899

deleted577633

Kong SEC

Retraité

deleted577633

Kong SEC

Retraité

AlexisModdingMR

Moddeur PS3

deleted577633

AlexisModdingMR

Moddeur PS3

deleted577633

AlexisModdingMR

Moddeur PS3

deleted577633