Welcome!

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

SignUp Now!

extra.less Суровой России

Papochka_Harisson

Papochka_Harisson

Ноя
99
11
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Можно пожалуйста их роли и префиксы, они немного переливаются и понравились, если есть то можете пожалуйста поделится

Их форум: https://f.hr-rp.ru/ (не реклама)
 
Решение
hell777
Papochka_Harisson написал(а):
Можно пожалуйста их роли и префиксы, они немного переливаются и понравились, если есть то можете пожалуйста поделится

Их форум: https://f.hr-rp.ru/ (не реклама)
Нажмите для раскрытия...
css: 
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(270deg, #f00, #ff6347, #f00);
    background-size: 900% 900%
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #ff7f50, #ff4500, #ff7f50)
}

.userBanner.zga {
    background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}...
Сортировка по дате Сортировка по голосам
hell777

hell777

Апр
143
53
Пользователь
Papochka_Harisson написал(а):
Можно пожалуйста их роли и префиксы, они немного переливаются и понравились, если есть то можете пожалуйста поделится

Их форум: https://f.hr-rp.ru/ (не реклама)
Нажмите для раскрытия...
css: 
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(270deg, #f00, #ff6347, #f00);
    background-size: 900% 900%
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #ff7f50, #ff4500, #ff7f50)
}

.userBanner.zga {
    background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}

.userBanner.userhr {
    background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981)
}

.userBanner.spec {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.zsa {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.kp {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.gs {
    background-image: linear-gradient(270deg, #1e90ff, #4682b4, #1e90ff)
}

.userBanner.zgs {
    background-image: linear-gradient(270deg, #4682b4, #b0c4de, #4682b4)
}

.userBanner.fulladmin {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

.userBanner.aadmin {
    background-image: linear-gradient(270deg, #3cb371, #00ff7f, #3cb371)
}

.userBanner.moderforum {
    background-image: linear-gradient(270deg, #bdb76b, #bdb76b, #bdb76b)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #006400, #00ff7f, #008000)
}

.userBanner.snickers {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.sponsor {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.gab {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.pm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.lk {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.serv1 {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.serv2 {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.sopg {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.gkpb {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.zgkpb {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.psud {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ffa500)
}

.userBanner.prokyror {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

.userBanner.ryk {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.dedmoroz {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.prp {
    background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347)
}

.userBanner.ppm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.leader {
    background-image: linear-gradient(270deg, #40e0d0, #40e0d0, #40e0d0)
}

.userBanner.sledfamily {
    background-image: linear-gradient(270deg, #32cd32, #32cd32, #32cd32)
}

.userBanner.tehadmin {
    background-image: linear-gradient(270deg, #ffa500, #ffd700, #ffa500)
}

.userBanner.hrrazrab {
    background-image: linear-gradient(270deg, #ff6347, #ff6347, #ff6347)
}

.userBanner.rt {
    background-image: linear-gradient(270deg, #ff8c00, #ff8c00, #ff8c00)
}

.userBanner.tm {
    background-image: linear-gradient(270deg, #8b0000, #f00, #f00)
}

.userBanner.prt {
    background-image: linear-gradient(270deg, #87ceeb, #87ceeb, #87ceeb)
}

.userBanner.ka {
    background-image: linear-gradient(270deg, #da70d6, #9400d3, #da70d6)
}

.userBanner.sgoss {
    background-image: linear-gradient(270deg, #00f, #00f, #00f)
}

.userBanner.legenda {
    background-image: linear-gradient(270deg, #9acd32, #ffd700, #9acd32)
}

.userBanner.sm {
    background-image: linear-gradient(270deg, #adff2f, #7fff00, #adff2f)
}

.userBanner.ban {
    background-image: linear-gradient(270deg, #000, #000, #000)
}

.userBanner.kk {
    background-image: linear-gradient(270deg, #ffa07a, #ffa07a, #ffa07a)
}

.userBanner.nuser {
    background-image: linear-gradient(270deg, #000, #ff0, #000)
}

.userBanner.luser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.auser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.mest {
    background-image: linear-gradient(270deg, #4b0082, #f0f, #4b0082)
}

.userBanner.ovolk {
    background-image: linear-gradient(270deg, #800000, #a52a2a, #800000)
}

.userBanner.sledhelper {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

.userBanner.glavmoder {
    background-image: linear-gradient(270deg, #ff8c00, #ffa07a, #ff8c00)
}

.userBanner.kbp {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

.userBanner.admin1 {
    background-image: linear-gradient(270deg, #f00, #b22222, #8b0000)
}

.userBanner.media {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.ps {
    background-image: linear-gradient(270deg, #0f0, #7cfc00, #0f0)
}

.userBanner.spiker {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.gp {
    background-image: linear-gradient(270deg, #1e90ff, #1e90ff, #1e90ff)
}

.userBanner.kt {
    background-image: linear-gradient(270deg, #ffd700, #ffd700, #ffd700)
}

.userBanner.manager {
    background-image: linear-gradient(270deg, #90ee90, #90ee90, #90ee90)
}

.userBanner.gts {
    background-image: linear-gradient(270deg, #dc143c, #dc143c, #dc143c)
}

.userBanner.helper {
    background-image: linear-gradient(270deg, #f4a460, #f4a460, #f4a460)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.owner {
    background: linear-gradient(to right, #27ae60, #2980b9, #e74c3c);
    color: white !important;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-block
}

@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}
 
Позитивный голос 0 Негативный голос
Решение
Papochka_Harisson

Papochka_Harisson

Ноя
99
11
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
привет не работает
hell777 написал(а):
css: 
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(270deg, #f00, #ff6347, #f00);
    background-size: 900% 900%
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #ff7f50, #ff4500, #ff7f50)
}

.userBanner.zga {
    background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}

.userBanner.userhr {
    background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981)
}

.userBanner.spec {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.zsa {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.kp {
    background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.gs {
    background-image: linear-gradient(270deg, #1e90ff, #4682b4, #1e90ff)
}

.userBanner.zgs {
    background-image: linear-gradient(270deg, #4682b4, #b0c4de, #4682b4)
}

.userBanner.fulladmin {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

.userBanner.aadmin {
    background-image: linear-gradient(270deg, #3cb371, #00ff7f, #3cb371)
}

.userBanner.moderforum {
    background-image: linear-gradient(270deg, #bdb76b, #bdb76b, #bdb76b)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #006400, #00ff7f, #008000)
}

.userBanner.snickers {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.sponsor {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.gab {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.pm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.lk {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.serv1 {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.serv2 {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.sopg {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.gkpb {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.zgkpb {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.psud {
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ffa500)
}

.userBanner.prokyror {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

.userBanner.ryk {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.dedmoroz {
    background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.prp {
    background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347)
}

.userBanner.ppm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.leader {
    background-image: linear-gradient(270deg, #40e0d0, #40e0d0, #40e0d0)
}

.userBanner.sledfamily {
    background-image: linear-gradient(270deg, #32cd32, #32cd32, #32cd32)
}

.userBanner.tehadmin {
    background-image: linear-gradient(270deg, #ffa500, #ffd700, #ffa500)
}

.userBanner.hrrazrab {
    background-image: linear-gradient(270deg, #ff6347, #ff6347, #ff6347)
}

.userBanner.rt {
    background-image: linear-gradient(270deg, #ff8c00, #ff8c00, #ff8c00)
}

.userBanner.tm {
    background-image: linear-gradient(270deg, #8b0000, #f00, #f00)
}

.userBanner.prt {
    background-image: linear-gradient(270deg, #87ceeb, #87ceeb, #87ceeb)
}

.userBanner.ka {
    background-image: linear-gradient(270deg, #da70d6, #9400d3, #da70d6)
}

.userBanner.sgoss {
    background-image: linear-gradient(270deg, #00f, #00f, #00f)
}

.userBanner.legenda {
    background-image: linear-gradient(270deg, #9acd32, #ffd700, #9acd32)
}

.userBanner.sm {
    background-image: linear-gradient(270deg, #adff2f, #7fff00, #adff2f)
}

.userBanner.ban {
    background-image: linear-gradient(270deg, #000, #000, #000)
}

.userBanner.kk {
    background-image: linear-gradient(270deg, #ffa07a, #ffa07a, #ffa07a)
}

.userBanner.nuser {
    background-image: linear-gradient(270deg, #000, #ff0, #000)
}

.userBanner.luser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.auser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.mest {
    background-image: linear-gradient(270deg, #4b0082, #f0f, #4b0082)
}

.userBanner.ovolk {
    background-image: linear-gradient(270deg, #800000, #a52a2a, #800000)
}

.userBanner.sledhelper {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

.userBanner.glavmoder {
    background-image: linear-gradient(270deg, #ff8c00, #ffa07a, #ff8c00)
}

.userBanner.kbp {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

.userBanner.admin1 {
    background-image: linear-gradient(270deg, #f00, #b22222, #8b0000)
}

.userBanner.media {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.ps {
    background-image: linear-gradient(270deg, #0f0, #7cfc00, #0f0)
}

.userBanner.spiker {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.gp {
    background-image: linear-gradient(270deg, #1e90ff, #1e90ff, #1e90ff)
}

.userBanner.kt {
    background-image: linear-gradient(270deg, #ffd700, #ffd700, #ffd700)
}

.userBanner.manager {
    background-image: linear-gradient(270deg, #90ee90, #90ee90, #90ee90)
}

.userBanner.gts {
    background-image: linear-gradient(270deg, #dc143c, #dc143c, #dc143c)
}

.userBanner.helper {
    background-image: linear-gradient(270deg, #f4a460, #f4a460, #f4a460)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.owner {
    background: linear-gradient(to right, #27ae60, #2980b9, #e74c3c);
    color: white !important;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-block
}

@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}
Нажмите для раскрытия...
 

Вложения

  • Снимок экрана 2026-05-11 162658.png
    Снимок экрана 2026-05-11 162658.png
    643.8 KB · Просмотры: 12
Позитивный голос 0 Негативный голос
Papochka_Harisson

Papochka_Harisson

Ноя
99
11
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
hell777 написал(а):
owner

вставь в
Другой, используя своё имя CSS-класса
Нажмите для раскрытия...
Все Также
6248.png
 

Вложения

  • Screenshot_20260511-210245.png
    Screenshot_20260511-210245.png
    469.7 KB · Просмотры: 1
Позитивный голос 0 Негативный голос
Papochka_Harisson

Papochka_Harisson

Ноя
99
11
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
В extra.less
Venksu написал(а):

OFFTOP

Куда вставил?

Нажмите для раскрытия...
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху