Welcome!

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

SignUp Now!

crmp online new

Окт
58
11
Пользователь
дайте пожалуйста новые баннеры форума crmp online.
 
Решение
В extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 10px;
    padding: 5.3px 7.3px;
    border: .5mm ridge rgba(255,255,255,0.4);
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
    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...
Фев
452
104
Пользователь
В extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 10px;
    padding: 5.3px 7.3px;
    border: .5mm ridge rgba(255,255,255,0.4);
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
    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%
}

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8);
    box-shadow: #f819a7 1px 1px 10px
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
    box-shadow: #a0522d 1px 1px 10px
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b);
    box-shadow: #06f 1px 1px 10px
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1);
    box-shadow: #49cc2c 1px 1px 10px
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    box-shadow: #8b0000 1px 1px 10px
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3);
    box-shadow: #06f 1px 1px 10px
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
    box-shadow: #f00 1px 1px 10px
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151);
    box-shadow: #bcbbbb 1px 1px 10px
}

.sledfrac {
    background-image: linear-gradient(270deg, #33f, #120a8f);
    box-shadow: #33f 1px 1px 10px
}

.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);
    box-shadow: #80c3df 1px 1px 10px
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc);
    box-shadow: #f819a7 1px 1px 10px
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
    box-shadow: #01a72c 1px 1px 10px
}

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

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
    box-shadow: #32cd32 1px 1px 10px
}

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

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

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a);
    box-shadow: #da0 1px 1px 10px
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff);
    box-shadow: #497fff 1px 1px 10px
}

.zablok {
    background-image: linear-gradient(270deg, #000);
    box-shadow: #000 1px 1px 10px
}

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
    box-shadow: #6b8e23 1px 1px 10px
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
    box-shadow: #ff4500 1px 1px 10px
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
    box-shadow: #f4a460 1px 1px 10px
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
    box-shadow: #dc143c 1px 1px 10px
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
    box-shadow: #808080 1px 1px 10px
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
    box-shadow: #ffd700 1px 1px 10px
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff);
    box-shadow: #ff69b4 1px 1px 10px
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
    box-shadow: #c71585 1px 1px 10px
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
    box-shadow: #9370db 1px 1px 10px
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
    box-shadow: #d600c1 1px 1px 10px
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
    box-shadow: #ff5b00 1px 1px 10px
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
    box-shadow: #6a5acd 1px 1px 10px
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
    box-shadow: #f00 1px 1px 10px
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
    box-shadow: #feea10 1px 1px 10px
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
    box-shadow: #5ade21 1px 1px 10px
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
    box-shadow: #4bb524 1px 1px 10px
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00);
    box-shadow: #f00 1px 1px 10px
}

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

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

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
    box-shadow: #ff6745 1px 1px 10px
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
    box-shadow: #e785ff 1px 1px 10px
}

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

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

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
    box-shadow: #992572 1px 1px 10px
}

.respachegroup {
    background-image: linear-gradient(270deg, #f00, #000);
    box-shadow: #f00 1px 1px 10px
}

.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 wagnerPhoto {
    0%,100% {
        transform: scale(1) rotate(0deg);
        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)
    }

    50% {
        transform: scale(1.12) rotate(6deg);
        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)
    }
}

@keyframes wagnerPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1.04)
    }
}

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

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

    100% {
        background-position: 0% 50%
    }
}
 
Авг
60
11
Пользователь
В extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 10px;
    padding: 5.3px 7.3px;
    border: .5mm ridge rgba(255,255,255,0.4);
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
    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%
}

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8);
    box-shadow: #f819a7 1px 1px 10px
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
    box-shadow: #a0522d 1px 1px 10px
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b);
    box-shadow: #06f 1px 1px 10px
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1);
    box-shadow: #49cc2c 1px 1px 10px
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    box-shadow: #8b0000 1px 1px 10px
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3);
    box-shadow: #06f 1px 1px 10px
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
    box-shadow: #f00 1px 1px 10px
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151);
    box-shadow: #bcbbbb 1px 1px 10px
}

.sledfrac {
    background-image: linear-gradient(270deg, #33f, #120a8f);
    box-shadow: #33f 1px 1px 10px
}

.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);
    box-shadow: #80c3df 1px 1px 10px
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc);
    box-shadow: #f819a7 1px 1px 10px
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
    box-shadow: #01a72c 1px 1px 10px
}

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

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
    box-shadow: #32cd32 1px 1px 10px
}

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

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

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a);
    box-shadow: #da0 1px 1px 10px
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff);
    box-shadow: #497fff 1px 1px 10px
}

.zablok {
    background-image: linear-gradient(270deg, #000);
    box-shadow: #000 1px 1px 10px
}

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
    box-shadow: #6b8e23 1px 1px 10px
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
    box-shadow: #ff4500 1px 1px 10px
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
    box-shadow: #f4a460 1px 1px 10px
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
    box-shadow: #dc143c 1px 1px 10px
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
    box-shadow: #808080 1px 1px 10px
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
    box-shadow: #ffd700 1px 1px 10px
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff);
    box-shadow: #ff69b4 1px 1px 10px
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
    box-shadow: #c71585 1px 1px 10px
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
    box-shadow: #9370db 1px 1px 10px
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
    box-shadow: #d600c1 1px 1px 10px
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
    box-shadow: #ff5b00 1px 1px 10px
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
    box-shadow: #6a5acd 1px 1px 10px
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
    box-shadow: #f00 1px 1px 10px
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
    box-shadow: #feea10 1px 1px 10px
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
    box-shadow: #5ade21 1px 1px 10px
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
    box-shadow: #4bb524 1px 1px 10px
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00);
    box-shadow: #f00 1px 1px 10px
}

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

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

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
    box-shadow: #ff6745 1px 1px 10px
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
    box-shadow: #e785ff 1px 1px 10px
}

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

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

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
    box-shadow: #992572 1px 1px 10px
}

.respachegroup {
    background-image: linear-gradient(270deg, #f00, #000);
    box-shadow: #f00 1px 1px 10px
}

.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 wagnerPhoto {
    0%,100% {
        transform: scale(1) rotate(0deg);
        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)
    }

    50% {
        transform: scale(1.12) rotate(6deg);
        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)
    }
}

@keyframes wagnerPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1.04)
    }
}

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

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

    100% {
        background-position: 0% 50%
    }
}
Гдк найти инструкцию куда вставлять :)?
 
Окт
58
11
Пользователь
смотри
заходишь в админ панель
далее внешний вид - шаблон в поиске вбиваешь extra.less
туда вставляешь этот код, далее копирую допустим razrab” из шаблона extra.less заходишь в группа пользователей, создаешь там пишешь заголовок роли как будет называется
далее CSS код это для цветного ника, css можешь найти также тут
далее снизу где цвета ролей выбираешь свой и вставляешь туда скопированное слово из шаблона extra.less снизу выдаешь необходимые разрешения, если имеются затруднения пиши в вк, сделаю https://vk.com/timka_loves
 
Окт
198
162
Пользователь
смотри
заходишь в админ панель
далее внешний вид - шаблон в поиске вбиваешь extra.less
туда вставляешь этот код, далее копирую допустим razrab” из шаблона extra.less заходишь в группа пользователей, создаешь там пишешь заголовок роли как будет называется
далее CSS код это для цветного ника, css можешь найти также тут
далее снизу где цвета ролей выбираешь свой и вставляешь туда скопированное слово из шаблона extra.less снизу выдаешь необходимые разрешения, если имеются затруднения пиши в вк, сделаю https://vk.com/timka_loves
OFFTOP

Как в админ панель зайти)

 
Сверху