Xenforo : Badge staff lorsqu'un membre du staff parle puis avoir le pseudo qui change de couleur

[deleted247906]

Bonjour à tous !
Voici un petit tutoriel pour xenforo, lorsque vous postez un message avoir un petit badge 'Staff' en haut à droite du message et pour avoir le pseudo qui change de couleur.

I. Badge staff
Démonstration :

Alors, pour ceci, allez dans :
Admin CP > Apparences > Template > Extra.css
Puis ajoutez au début :

Spoiler: Code à mettre dans extra.css

.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 10px 20px;
background-color: #90d666;
border: 1px solid #6ea84a;
border-radius: 1px;
color: white;
text-shadow: 0 0 3px #54803a;
}

Et voilà, vous n'avez rien de plus à faire, vous pouvez voir le résultat et modifier selon vos envis.

II. Pseudo qui change de couleur
Alors, comme avant :
Admin CP > Apparences > Template > Extra.css
Puis écrivez :

Spoiler: Code à mettre dans extra.css

.username .style3{
-webkit-animation:style3 5s linear infinite;
-moz-animation:style3 5s linear infinite;
-ms-animation:style3 5s linear infinite;
-o-animation:style3 5s linear infinite;
animation:style3 5s linear infinite;
}
@-moz-keyframes style3 {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}
@-webkit-keyframes style3 {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}

Puis, dans le groupe voulu :

Spoiler: Code à mettre dans la partie css du groupe voulu

color: inherit;
font-weight: bold;
font-size:XX-small;
font-size:13px;

Voilà voilà !
Petit tutoriel très rapide terminé, j’espère qu'il vous a été utile.

 

[Moncler]

J'ai regarder les 2 Tutoriel Xenforo il sont vraiment utile.

 

[deleted247906]

Merci

 

[Tekass]

Merci pour ce partage très connu :noel3:

 

[Rivals]

Méthode que je ne recommande pas. La modification de template brute n'est pas une bonne chose.