D
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 :
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 :
Puis, dans le groupe voulu :
Voilà voilà !
Petit tutoriel très rapide terminé, j’espère qu'il vous a été utile.
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 :
.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;
}
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;
}
II. Pseudo qui change de couleur
Alors, comme avant :
Admin CP > Apparences > Template > Extra.css
Puis écrivez :
.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; }
}
-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; }
}
color: inherit;
font-weight: bold;
font-size:XX-small;
font-size:13px;
font-weight: bold;
font-size:XX-small;
font-size:13px;
Petit tutoriel très rapide terminé, j’espère qu'il vous a été utile.