Новые Баннеры CRMP ONLINE

ivankins · 6 Авг 2025

@Mortis_Panarenka, @Mortis_Panarenka, как устоновить если у меня форум с хосты

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 6 Авг 2025

Здравствуйте ну вот способ

1.В панель управления
2.Внешний вид
3.Жаблоны
4. Ищите там extra.less
5.вставляете баннеры и сохраняите
6. Потом заходим Группы пользователей и например Руководитель внизу где Другой, использующий своё имя CSS-класса пишите userBanner rykproekta и так далее если там stmod то там пишите stmod

Marik_Tuktamyshev · 20 Авг 2025

Дайте тогда код роли Команда Форума, пж

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 20 Авг 2025

CSS:

.userBanner.userBanner--staff {
border: .6mm ridge rgba(255,255,255,0.4);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900
%
}

Marik_Tuktamyshev · 21 Авг 2025

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):
.userBanner.userBanner--staff {
border: .6mm ridge rgba(255,255,255,0.4);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900
%
}

Это код роли команды Форума?

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 21 Авг 2025

Mamiko_Nakagawa · 16 Сен 2025

Drake_Fernando написал(а):
Проверил в своем форуме. Все хорошо, баннеры соответствую формату и размеру как на оригинальном форуме

Лелеле, кого вижу

Ruslan_Korneyev · 29 Окт 2025

Mortis_Panarenka написал(а):

CRMP:

.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.userBanner.gts {
    background: #FF0000;
    color: white;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    border-radius: 10px 0px 10px 0px;
    padding: 4px;
    border: none
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

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

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
    color: black;
    padding: 5px 8px
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

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

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

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

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.zrpice {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

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

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

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

ВОТ кто искал

А что нужно сперва здесь спокировать, что бы был цвет плавающий на моем форуме?

Kolpak · 29 Окт 2025

Ruslan_Korneyev написал(а):
А что нужно сперва здесь спокировать, что бы был цвет плавающий на моем форуме?

Mortis_Panarenka написал(а):
animation: AnimBanner 10s ease infinite

Mortis_Panarenka написал(а):
@keyframes AnimBanner { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } }

Paxanok · 20 Ноя 2025

Кол вставлять в Extra.less?(У меня там ничего не написано* просто вставить этот код и все?/или нужно ещё я что то)

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 20 Ноя 2025

Обновлено

Kod:

.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.avatar {
    border-radius: 50%;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    filter: none !important;
    transform: none !important
}

.memberHeader-avatar .avatar {
    border-radius: 50%
}

.avatar--xxs,.avatar--xs,.avatar--s,.avatar--m,.avatar--l,.avatar--xl,.message-userAvatar .avatar,.memberHeader-avatar .avatar {
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%
}

.saharok {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff)
}

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513)
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000)
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.admin {
    background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2);
    box-shadow: #6e48aa 1px 1px 10px
}

.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.osnovakp {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

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

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

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

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

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

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.zrpice {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8)
}

.kasper {
    background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6)
}

.furmanvip {
    background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff)
}

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6)
}

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

.wag {
    background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
    background-size: 400% 400% !important;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

.wag::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.wag:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.wag:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

.userBanner--wagnersex {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--winstongroup {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
    background-size: 900% 900%;
    text-transform: uppercase;
    font-style: Hight;
    font-size: 87%;
    border-radius: 30px;
    text-align: center;
    padding: 1px 10px 3px;
    animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--gosharespach {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
    background-size: 900% 900%
}

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

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

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

Paxanok · 20 Ноя 2025

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):

Обновлено

Kod:

userBanner{color:white;text-transform:uppercase;font-weight:700;font-size:71%;border-radius:100px 45px 100px 45px;padding:5px 7px;background-size:700% 700%;animation:AnimBanner 10s ease infinite}.userBanner.userBanner--staff{border:.6mm ridge rgba(255,255,255,0.4);background:linear-gradient(270deg, #04b, #bb0, #a00);background-size:900% 900%}.avatar{border-radius:50%;box-shadow:none !important;border:none !important;outline:none !important;text-decoration:none !important;filter:none !important;transform:none !important}.memberHeader-avatar .avatar{border-radius:50%}.avatar--xxs,.avatar--xs,.avatar--s,.avatar--m,.avatar--l,.avatar--xl,.message-userAvatar .avatar,.memberHeader-avatar .avatar{box-shadow:none !important;border:none !important;border-radius:50%}.saharok{background-image:linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff)}.razrab{background-image:linear-gradient(270deg, #f819a7, #4619f8)}.durov{background-image:linear-gradient(270deg, #a0522d, #d2691e, #8b4513)}.stadm{background-image:linear-gradient(270deg, #06f, #04b)}.soskags{background-image:linear-gradient(270deg, #49cc2c, #00ced1)}.kot{background-image:linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000)}.soskazgs{background-image:linear-gradient(270deg, #06f, #ba55d3)}.redadmin{background-image:linear-gradient(270deg, #b22222, #dc143c, #8b0000)}.user{background-image:linear-gradient(270deg, #bcbbbb, #515151)}.sledfrac{background-image:linear-gradient(270deg, #33f, #120a8f)}.admin{background-image:linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2);box-shadow:#6e48aa 1px 1px 10px}.mlmoder{background-image:linear-gradient(270deg, #80c3df, #0da, #0a8)}.stmod{background-image:linear-gradient(270deg, #f819a7, #0859fc)}.moder{background-image:linear-gradient(270deg, #01a72c, #df841a, #468153)}.osnov{background-image:linear-gradient(270deg, #feea10, #ff931e);color:black}.super{background-image:linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)}.ga{background-image:linear-gradient(270deg, #32cd32, #008000, #20b2aa)}.osnovakp{border:.6mm ridge rgba(255,255,255,0.4);background:linear-gradient(270deg, #04b, #bb0, #a00);background-size:900% 900%}.lider{background-image:linear-gradient(270deg, #da0, #f08b9a)}.kur{background-image:linear-gradient(270deg, #b0284d, #497fff)}.zablok{background-image:linear-gradient(270deg, #000)}.adm{background-image:linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)}.teh{background-image:linear-gradient(270deg, #ff4500, #b50, #c00)}.grand{background-image:linear-gradient(270deg, #f4a460, #daa520, #d2691e)}.black{background-image:linear-gradient(270deg, #dc143c, #b22222, #8b0000)}.sueta{background-image:linear-gradient(270deg, #808080, #c0c0c0, #8b4513)}.hassle{background-image:linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)}.lunar{background-image:linear-gradient(270deg, #ff69b4, #d16aff)}.test{background-image:linear-gradient(270deg, #c71585, #ff1493, #ff69b4)}.melky{background-image:linear-gradient(270deg, #9370db, #9932cc, #da70d6)}.project{background-image:linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)}.stkot{background-image:linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179)}.sponsor{background-image:linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)}.spec{background-image:linear-gradient(270deg, #f00, #8b0000, #dc143c)}.osnovatel{background-image:linear-gradient(270deg, #feea10, #ff931e, #feea10)}.Gladmin{background-image:linear-gradient(270deg, #5ade21, #008000, #5ade21)}.ZGadmin{background-image:linear-gradient(270deg, #4bb524, #26e0af, #4bb524)}.rykproekta{background-image:linear-gradient(270deg, #8b006d, #f00)}.zrpice{background-image:linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)}.iceteam{background-image:linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)}.pluxury{background-image:linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)}.furmangroup{background-image:linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8)}.kasper{background-image:linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6)}.furmanvip{background-image:linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff)}.dagovsky{background-image:linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6)}.respachegroup{background-image:linear-gradient(270deg, #f00, #000)}.wag{background:linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;background-size:400% 400% !important;animation:wagnerShimmer 3s ease-in-out infinite !important;color:white !important;text-align:center !important;font-size:14px !important;font-weight:500 !important;border-radius:8px !important;padding:4px 10px !important;border:none !important;position:relative !important;overflow:visible !important;box-shadow:0 2px 8px rgba(255,0,0,0.3) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:2px 4px !important;text-shadow:0 0 10px rgba(255,0,0,0.7) !important;letter-spacing:1px !important;min-height:22px !important;max-height:24px !important;line-height:1.3 !important}.wag::after{content:'';background-image:url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');background-size:cover;background-repeat:no-repeat;background-position:center;width:20px;height:20px;display:inline-block;margin-left:8px;vertical-align:middle;border-radius:50%;border:2px solid #fff;box-shadow:0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);animation:wagnerPhoto 3s ease-in-out infinite;flex-shrink:0 !important;align-self:center !important;filter:brightness(1.15) contrast(1.08) saturate(1.2)}.wag:hover{animation:wagnerPulse .5s ease-in-out !important;transform:scale(1.04) !important}.wag:hover::after{transform:scale(1.15) !important;box-shadow:0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)}.userBanner--wagnersex{color:#fff;border:none;background-image:linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);background-size:900% 900%}.userBanner--winstongroup{color:#fff;border:none;background-image:linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);background-size:900% 900%;text-transform:uppercase;font-style:Hight;font-size:87%;border-radius:30px;text-align:center;padding:1px 10px 3px;animation:AnimBanner 5s ease infinite}.userBanner--shontakers{color:#fff;border:none;background-image:linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);background-size:900% 900%}.userBanner--gosharespach{color:#fff;border:none;background-image:linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);background-size:900% 900%}@keyframes AnimBanner{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes wagnerShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes

Это что? Код на баннеры CRMP Online?

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 20 Ноя 2025

Да но это уже новая версия

Paxanok · 20 Ноя 2025

Вставлять в самый коне екстра лесс?

Paxanok · 20 Ноя 2025

JustAlex · 20 Ноя 2025

Paxanok написал(а):
?

Вставляешь этот код в экстру и потом переходишь в нужную группу пользователей ипосле предоставленных дефолтных баннеров из коробки ставишь галочку в ячейче "Другой, использующий свой CSS" и прописываешь туда, допустим: userBanner saharok. userBanner это пак свойств, которые будут наследоваться для каждого баннера, а saharok - это определённый баннер у которого свой цвет;
Также не забудь указать текст баннера, чтобы он отображался. Если что это будет текст будет прописываться внутри баннера

hddssss · 16 Дек 2025

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):

Обновлено

Kod:

.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.avatar {
    border-radius: 50%;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    filter: none !important;
    transform: none !important
}

.memberHeader-avatar .avatar {
    border-radius: 50%
}

.avatar--xxs,.avatar--xs,.avatar--s,.avatar--m,.avatar--l,.avatar--xl,.message-userAvatar .avatar,.memberHeader-avatar .avatar {
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%
}

.saharok {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff)
}

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513)
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000)
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.admin {
    background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2);
    box-shadow: #6e48aa 1px 1px 10px
}

.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.osnovakp {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

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

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

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

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

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

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.zrpice {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8)
}

.kasper {
    background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6)
}

.furmanvip {
    background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff)
}

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6)
}

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

.wag {
    background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
    background-size: 400% 400% !important;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

.wag::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.wag:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.wag:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

.userBanner--wagnersex {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--winstongroup {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
    background-size: 900% 900%;
    text-transform: uppercase;
    font-style: Hight;
    font-size: 87%;
    border-radius: 30px;
    text-align: center;
    padding: 1px 10px 3px;
    animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--gosharespach {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
    background-size: 900% 900%
}

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

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

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

Вау незера не работает ставлю лайк

maksim123456 · 29 Дек 2025

А где код баннер: ~~Заблокированый~~?

Shadow52 · Среда в 17:10

Drake_Fernando написал(а):
Проверил в своем форуме. Все хорошо, баннеры соответствую формату и размеру как на оригинальном форуме

Вот вопрос команда проекта сразу у меня появилась роль, а вот га большие жирные буквы. Но нет баннера.

Shadow52 · Среда в 17:18

@Paxanok,

JustAlex написал(а):
Вставляешь этот код в экстру и потом переходишь в нужную группу пользователей ипосле предоставленных дефолтных баннеров из коробки ставишь галочку в ячейче "Другой, использующий свой CSS" и прописываешь туда, допустим: userBanner saharok. userBanner это пак свойств, которые будут наследоваться для каждого баннера, а saharok - это определённый баннер у которого свой цвет;
Также не забудь указать текст баннера, чтобы он отображался. Если что это будет текст будет прописываться внутри баннера

Вот вопрос, я вот вел в extra. Less коды всех ролей. Дальше вел тег . GLadmin но баннер прозрачный, шрифт жирный . почему так?

Поиск

Welcome!

Новые Баннеры CRMP ONLINE

ivankins

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Marik_Tuktamyshev

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Marik_Tuktamyshev

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Mamiko_Nakagawa

Ruslan_Korneyev

Kolpak

Paxanok

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Paxanok

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Paxanok

Paxanok

JustAlex

Лучше плохо начать, чем хорошо бездействовать

hddssss

maksim123456

Shadow52

Shadow52