jak zrobić takie rangi w sb

........

Forum jest zamknięte, a to, co jest na SS, to przecież normalnie koloruje wg formatu grupy.

..........

CSS:

.admin {
background-image: url(http://przemo.org/phpBB2/forum/files/gwi...ed_158.gif);
text-shadow: 1px 1px 10px #ff0000;
color: #ff0000;
}

HTML (Format loginu w edycji grupy):

<span class="admin"><i class="fa fa-star fa-spin" aria-hidden="true"></i> <strong>{username}</strong></span>

DEMO: https://jsfiddle.net/Poftorek/xcaccetd/6/

.........

Dokładnie tak.

.........

Nie dodałeś kodu HTML do formatu loginu Twojej grupy.

...........

http://fonty.pl/kolory.htm

.........

CTRL+F5

Nie zamknąłeś .moderator. Poprawny kod dla arkusza rangi.css to:


/* Ranga moderatora (zielone odcienie) */
/* <span class="administrator"><i class="fa fa-code fa-spin fa-1x fa-fw"></i>{
username
}

</span> */
/*Format grupy Administrator*/

.moderator {
text-align: center;
padding: 15px 0;
font-weight: bold;
animation: moja_animacja 4s infinite;
font-family: inherit;
}
/* dla Google Chrome, Safari, Opera 15+ */
/* Ranga admina (czerwone odcienie) */
/* <span class="moderator"><i class="fa fa-spinner fa-spin fa-1x fa-fw"></i>{
username
}

</span> */
/*Format grupy Moderator*/

.admin {
color: #ff0000;
background-image: url(http://przemo.org/phpBB2/forum/files/gwi...ed_158.gif);
text-shadow: 1px 1px 10px #ff0000;
}
/* ---------------------REGUŁY-ANIMACJI--------------------- */

@keyframes moja_animacja {
0% {
color: #33FF00;
}
25% {
color: #009900;
}
50% {
color: #66FF00;
}
75% {
color: #00FF00;
}
100% {
color: #33CC33;
}
}
/* dla Google Chrome, Safari, Opera 15+ */

@-webkit-keyframes moja_animacja
/* dla Google Chrome, Safari, Opera 15+ */

{
0% {
color: #33FF00;
}
25% {
color: #009900;
}
50% {
color: #66FF00;
}
75% {
color: #00FF00;
}
100% {
color: #33CC33;
}
}
/* ---------------------REGUŁY-ANIMACJI--------------------- */

@keyframes moja_animacjaa {
0% {
color: red;
}
25% {
color: #FF3300
}
50% {
color: #993333
}
75% {
color: #990000;
}
100% {
color: #CC3300;
}
}
@-webkit-keyframes moja_animacjaa
/* dla Google Chrome, Safari, Opera 15+ */

{
0% {
color: red;
}
25% {
color: #FF3300
}
50% {
color: #993333
}
75% {
color: #990000;
}
100% {
color: #CC3300;
}
}

.........

a teraz jak zrobic takei cos do wszystkich rang

https://webboard.pl/thread-66977.html + https://www.w3schools.com/css/

............