Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Стиль и роли

Решение
CSS:
.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to...
Ноя
2,110
7,677
Команда форума
Администратор
CSS:
.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffa500);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.kurator {
    color: #fff;
    background: #9676f5;
    border-color: #9676f5;
    border-radius: 3px
}

.km {
    background: #ffca00;
    border-radius: 3px;
    color: #000
}

.gs {
    color: #fff;
    background: #004eff;
    border-color: #004eff;
    border-radius: 3px
}

.stadmin {
    color: #fff;
    background: #6495ED;
    border-color: #6495ED;
    border-radius: 3px
}

.moderator {
    color: #fff;
    background: #ffcc66;
    border-color: #ffcc66;
    border-radius: 3px
}

.test {
    color: #fff;
    background: #ffbf00;
    border-color: #ffbf00;
    border-radius: 3px
}

.zamga {
    color: #fff;
    background: #6DB36D;
    border-color: #6DB36D;
    border-radius: 3px
}

.techspec2 {
    color: #fff;
    background: #FF4F00;
    border-color: #FF4F00;
    border-radius: 3px
}

.glavadm {
    color: #fff;
    background: #008000;
    border-color: #008000;
    border-radius: 3px
}

.moscow {
    color: #fff;
    background: #ff2b3b;
    border-color: #ff2b3b;
    border-radius: 3px
}

.techspec4 {
    color: white;
    background-color: #6C5CE7
}

.uspehuserr {
    color: white;
    background: #20B2AA;
    border-color: #20B2AA;
    border-radius: 3px
}

.legenduserr {
    color: black;
    background: #F0E68C;
    border-color: #F0E68C;
    border-radius: 3px
}

.leader {
    color: black;
    background: #7cc3e0;
    border-color: #a5d6ea;
    border-radius: 3px
}

.label-append {
    border-radius: 12px
}

.prem {
    color: #fff;
    border-color: transparent;
    border-radius: 3px;
    background: linear-gradient(45deg, #ffa500, #ff4500, #ffd700, #ffa500) 0% 0% 400%;
    animation: 6s ease 0s infinite normal none running premRainbow
}

.techspec {
    color: white;
    background-color: #09bd72
}

.memberHeader-name {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: #e0e6f0;
    font-weight: 500
}
 
Дек
32
3
Пользователь
CSS:
.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffa500);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.kurator {
    color: #fff;
    background: #9676f5;
    border-color: #9676f5;
    border-radius: 3px
}

.km {
    background: #ffca00;
    border-radius: 3px;
    color: #000
}

.gs {
    color: #fff;
    background: #004eff;
    border-color: #004eff;
    border-radius: 3px
}

.stadmin {
    color: #fff;
    background: #6495ED;
    border-color: #6495ED;
    border-radius: 3px
}

.moderator {
    color: #fff;
    background: #ffcc66;
    border-color: #ffcc66;
    border-radius: 3px
}

.test {
    color: #fff;
    background: #ffbf00;
    border-color: #ffbf00;
    border-radius: 3px
}

.zamga {
    color: #fff;
    background: #6DB36D;
    border-color: #6DB36D;
    border-radius: 3px
}

.techspec2 {
    color: #fff;
    background: #FF4F00;
    border-color: #FF4F00;
    border-radius: 3px
}

.glavadm {
    color: #fff;
    background: #008000;
    border-color: #008000;
    border-radius: 3px
}

.moscow {
    color: #fff;
    background: #ff2b3b;
    border-color: #ff2b3b;
    border-radius: 3px
}

.techspec4 {
    color: white;
    background-color: #6C5CE7
}

.uspehuserr {
    color: white;
    background: #20B2AA;
    border-color: #20B2AA;
    border-radius: 3px
}

.legenduserr {
    color: black;
    background: #F0E68C;
    border-color: #F0E68C;
    border-radius: 3px
}

.leader {
    color: black;
    background: #7cc3e0;
    border-color: #a5d6ea;
    border-radius: 3px
}

.label-append {
    border-radius: 12px
}

.prem {
    color: #fff;
    border-color: transparent;
    border-radius: 3px;
    background: linear-gradient(45deg, #ffa500, #ff4500, #ffd700, #ffa500) 0% 0% 400%;
    animation: 6s ease 0s infinite normal none running premRainbow
}

.techspec {
    color: white;
    background-color: #09bd72
}

.memberHeader-name {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: #e0e6f0;
    font-weight: 500
}
а как цветные ники сделать?
 
Сверху