Webboard

Pełna wersja: jak zrobić takie rangi w sb
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
........
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.
...........
.........
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--------------------- */

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--------------------- */

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;
}
}
.........
(15.03.2017, 14:31)marcins321 napisał(a): [ -> ]a teraz jak zrobic takei cos do wszystkich rang
https://webboard.pl/thread-66977.html + https://www.w3schools.com/css/
............
Stron: 1 2