Как сделать такую галочку?

'мистер' 'ноунейм' · Среда в 16:58

Как зделать так же синию галочку? У меня обычная типо

'мистер' 'ноунейм' · Среда в 17:17

COLTON написал(а):
Сяду за компьютер, если не забуду скину.

Броу как изменить цвет галочки типо чтобы была синяя?

Сама галочка - far fa-badge-check

А цвет как не зделать?

COLTON · Среда в 17:19

'мистер' 'ноунейм' написал(а):
Броу как изменить цвет галочки типо чтобы была синяя?
Посмотреть вложение 20302
Сама галочка - far fa-badge-check

А цвет как не зделать?

Так поменять картинку галочки. То бишь " far fa-badge-check"

Александри Македонский · Среда в 18:00

@'мистер' 'ноунейм', заменить в плагине код и все

'мистер' 'ноунейм' · Среда в 18:05

Александри Македонский написал(а):
@'мистер' 'ноунейм', заменить в плагине код и все

Тдац код на синию галочку такую
fa-shield-check

Александри Македонский · Среда в 18:07

@'мистер' 'ноунейм',

CSS:

.fa-pidoras {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(imgur.com/ZnytRLm);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

Denis_B · Среда в 18:10

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

Так надо:

.actual-svg {
    background: #289db936;
    color: #00ceffa8;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.arkhiv-svg {
    background: #4b4b4b;
    color: #bbbbbb;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.yuo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.vo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.zo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.po-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.fo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chandler-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.so-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.mo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.nrassm-svg {
    background: #ffeaa970;
    color: #ffce6d;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.otkaz-svg {
    background: #53000070;
    color: #a90000;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.odobr-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.rassm-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.prefix-custom-svg {
    background: #ffa1a136;
    color: #ff0000bd;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.info-svg {
    background: #829cff36;
    color: #a9a9a9;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chs-svg {
    background: #000000;
    color: #b1b1b1;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.userBanner--keeperdev {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    font-size: 12px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(66,13,13,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(66,13,13,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #420d0d !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--keeperdev::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    font-size: 16px !important;
    z-index: 2 !important
}

.userBanner--keeperdev::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--keeperdev:hover {
    background: rgba(66,13,13,0.3) !important;
    border-color: rgba(66,13,13,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise2:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,187,204,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,187,204,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #6f8d95 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderator:hover {
    background: rgba(0,187,204,0.3) !important;
    border-color: rgba(0,187,204,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--senior-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,204,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,204,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #c7a21c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #ffd738 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--senior-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--senior-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--senior-moderator:hover {
    background: rgba(255,204,0,0.3) !important;
    border-color: rgba(255,204,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-watcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(60,0,255,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(60,0,255,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #333aff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-watcher::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-watcher::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-watcher:hover {
    background: rgba(60,0,255,0.3) !important;
    border-color: rgba(60,0,255,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--special-moderator:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(212,101,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(212,101,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #d465f1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #d867f4 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-curator:hover {
    background: rgba(212,101,241,0.3) !important;
    border-color: rgba(212,101,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--deputy-chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(136,180,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(136,180,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #88B400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #b5e133 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--deputy-chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--deputy-chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3) !important;
    border-color: rgba(136,180,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(23,147,25,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(23,147,25,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #179319 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #179219 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--chief-moderator:hover {
    background: rgba(23,147,25,0.3) !important;
    border-color: rgba(23,147,25,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--event-host {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,182,193,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,182,193,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffb6c1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--event-host::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--event-host::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--event-host:hover {
    background: rgba(255,182,193,0.3) !important;
    border-color: rgba(255,182,193,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--main-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,100,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,100,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4d9f4d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--main-admin::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--main-admin::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--main-admin:hover {
    background: rgba(0,100,0,0.3) !important;
    border-color: rgba(0,100,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(220,38,38,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(220,38,38,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #f87171 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-curator:hover {
    background: rgba(220,38,38,0.3) !important;
    border-color: rgba(220,38,38,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(185,28,28,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(185,28,28,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-director:hover {
    background: rgba(185,28,28,0.3) !important;
    border-color: rgba(185,28,28,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--host-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,192,203,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,192,203,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffc0cb !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--host-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--host-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--host-director:hover {
    background: rgba(255,192,203,0.3) !important;
    border-color: rgba(255,192,203,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--ecosystem-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(239,68,68,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(239,68,68,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fca5a5 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--ecosystem-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--ecosystem-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--ecosystem-director:hover {
    background: rgba(239,68,68,0.3) !important;
    border-color: rgba(239,68,68,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--community {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(34,139,34,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(34,139,34,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--community::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--community::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--community:hover {
    background: rgba(34,139,34,0.3) !important;
    border-color: rgba(34,139,34,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator-vk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator-vk::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator-vk::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

Добавляешь данный код в extra.less на форуме сохраняешь, потом идёшь Группы и Права - Группы Пользователей - Группа которая тебе нужна и вставляешь вот это:

Pawn:

userBanner--community

И получаешь результат:
Посмотреть вложение 20307

Не работает...

Александри Македонский · Среда в 18:14

@Denis_B, у меня все работает

Denis_B · Среда в 18:15

Александри Македонский написал(а):
@Denis_B, у меня все работает

Какой стиль используешь?

Александри Македонский · Среда в 18:47

@Denis_B, свой личный

'мистер' 'ноунейм' · Среда в 19:33

Александри Македонский написал(а):
@'мистер' 'ноунейм',
.fa-pidoras {
display: inline-block;
width: 1em;
height: 1em;
background-image: url(

https://imgur.com/ZnytRLm

background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}

.куда эта?

Код:

. fa-pidoras {

display: inline-block;

width: 1em;

height: 1em;

background-image: url(https://imgur.com/ZnytRLm) background-repeat: no-repeat;

vertical-align: middle;

}

'мистер' 'ноунейм' · Среда в 21:42

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

[Kolpak] Arizona RP (Copy)

Внимание! Автор данной копии стиля @Kolpak. В случае загрузки на сторонние ресурсы обязательно указывать наш ресурс aurproject.eu, а также автора стиля — Kolpak. Данная версия стиля была выкуплена для распространения в общий доступ. Для...

pawno-help.ru

Стиль Arizona Role Play

Новый стиль Arizona Role Play 2025 года. Авторы копии: viovit & cold Авторы оригинала: DohTheme & Arizona Games & Gazarov При покупке идут бесплатные обновления на год. Скриншот стиля:

pawno-help.ru

Белая вариация стиля ArizonaRP 2025

Переработал тёмную вариацию в светлую, не могу сказать что она идеальна, но как по мне прикольно смотрится. Переслив разрешен на другие форумы при указании автора слива и ссылки на сам ресурс. Нашли баг? - Напишите в обсуждение

pawno-help.ru

Основа стиля форума, про который вы спрашиваете:

Tiles

Tiles — это уникальная тема для XenForo, построенная на концепции плиток. Она предлагает необычную компоновку узлов, полностью адаптивна и оснащена яркими виджетами. Независимо от того, что вы хотите создать, наша тема содержит всё необходимое...

pawno-help.ru

Код будет работать на 2.0, 2.1, 2.2, 2.3. В шаблон extra.less:

Less:

.userBanner
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 190px;
    height: 39px;
    padding: 0 16px;
    position: relative;
    transition: all .3s ease;
    border-radius: 14px;
    border: 1.5px solid transparent;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.10);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);

    &::before
    {
        display: inline-block;
        font-size: 15px;
        z-index: 2;
        .m-faBase();
    }

    &::after
    {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 14px;
        pointer-events: none;
        z-index: 1;
    }

    &:hover
    {
        box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
    }

    &.keeperdev
    {
        background: rgba(66, 13, 13, 0.20);
        border-color: rgba(66, 13, 13, 0.40);
        color: #420d0d;
        font-weight: 700;
        font-size: 13px;
        text-shadow: 0 0 10px;

        &::before
        {
            font-size: 16px;
            .m-faContent(@fa-var-code);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(66, 13, 13, 0.30) 0%, rgba(66, 13, 13, 0.15) 50%, rgba(50, 10, 10, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(66, 13, 13, 0.30);
            border-color: rgba(66, 13, 13, 0.60);
        }
    }

    &.turquoise2
    {
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.turquoise
    {
        height: 55px;
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.moderator
    {
        background: rgba(0, 187, 204, 0.20);
        border-color: rgba(0, 187, 204, 0.40);
        color: #6f8d95;
        text-shadow: rgba(0, 187, 204, 0.74) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 187, 204, 0.30) 0%, rgba(0, 187, 204, 0.15) 50%, rgba(0, 150, 163, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 187, 204, 0.30);
            border-color: rgba(0, 187, 204, 0.60);
        }
    }

    &.senior-moderator
    {
        background: rgba(255, 204, 0, 0.20);
        border-color: rgba(255, 204, 0, 0.40);
        color: #c7a21c;
        text-shadow: #ffd738 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-tie);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 204, 0, 0.30) 0%, rgba(255, 204, 0, 0.15) 50%, rgba(199, 162, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 204, 0, 0.30);
            border-color: rgba(255, 204, 0, 0.60);
        }
    }

    &.moderation-watcher
    {
        background: rgba(60, 0, 255, 0.20);
        border-color: rgba(60, 0, 255, 0.40);
        color: #333aff;
        text-shadow: rgba(60, 0, 255, 0.52) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-eye);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(60, 0, 255, 0.30) 0%, rgba(60, 0, 255, 0.15) 50%, rgba(51, 58, 255, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(60, 0, 255, 0.30);
            border-color: rgba(60, 0, 255, 0.60);
        }
    }

    &.special-moderator
    {
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }

    &.moderation-curator
    {
        background: rgba(212, 101, 241, 0.20);
        border-color: rgba(212, 101, 241, 0.40);
        color: #d465f1;
        text-shadow: #d867f4 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-check);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(212, 101, 241, 0.30) 0%, rgba(212, 101, 241, 0.15) 50%, rgba(192, 86, 218, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(212, 101, 241, 0.30);
            border-color: rgba(212, 101, 241, 0.60);
        }
    }

    &.deputy-chief-moderator
    {
        background: rgba(136, 180, 0, 0.20);
        border-color: rgba(136, 180, 0, 0.40);
        color: #88b400;
        text-shadow: #b5e133 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-shield-alt);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(136, 180, 0, 0.30) 0%, rgba(136, 180, 0, 0.15) 50%, rgba(109, 144, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(136, 180, 0, 0.30);
            border-color: rgba(136, 180, 0, 0.60);
        }
    }

    &.chief-moderator
    {
        background: rgba(23, 147, 25, 0.20);
        border-color: rgba(23, 147, 25, 0.40);
        color: #179319;
        text-shadow: #179219 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(23, 147, 25, 0.30) 0%, rgba(23, 147, 25, 0.15) 50%, rgba(18, 118, 20, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(23, 147, 25, 0.30);
            border-color: rgba(23, 147, 25, 0.60);
        }
    }

    &.event-host
    {
        background: rgba(255, 182, 193, 0.20);
        border-color: rgba(255, 182, 193, 0.40);
        color: #ffb6c1;
        text-shadow: rgba(255, 182, 193, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-microphone);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 182, 193, 0.30) 0%, rgba(255, 182, 193, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 182, 193, 0.30);
            border-color: rgba(255, 182, 193, 0.60);
        }
    }

    &.main-admin
    {
        background: rgba(0, 100, 0, 0.20);
        border-color: rgba(0, 100, 0, 0.40);
        color: #4d9f4d;
        text-shadow: rgba(0, 100, 0, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-shield);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 100, 0, 0.30) 0%, rgba(0, 100, 0, 0.15) 50%, rgba(0, 80, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 100, 0, 0.30);
            border-color: rgba(0, 100, 0, 0.60);
        }
    }

    &.discord-curator
    {
        background: rgba(220, 38, 38, 0.20);
        border-color: rgba(220, 38, 38, 0.40);
        color: #f87171;
        text-shadow: rgba(220, 38, 38, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-comments);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.30) 0%, rgba(220, 38, 38, 0.15) 50%, rgba(185, 28, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(220, 38, 38, 0.30);
            border-color: rgba(220, 38, 38, 0.60);
        }
    }

    &.discord-director
    {
        background: rgba(185, 28, 28, 0.20);
        border-color: rgba(185, 28, 28, 0.40);
        color: #ef4444;
        text-shadow: rgba(185, 28, 28, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(185, 28, 28, 0.30) 0%, rgba(185, 28, 28, 0.15) 50%, rgba(153, 27, 27, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(185, 28, 28, 0.30);
            border-color: rgba(185, 28, 28, 0.60);
        }
    }

    &.host-director
    {
        background: rgba(255, 192, 203, 0.20);
        border-color: rgba(255, 192, 203, 0.40);
        color: #ffc0cb;
        text-shadow: rgba(255, 192, 203, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 192, 203, 0.30) 0%, rgba(255, 192, 203, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 192, 203, 0.30);
            border-color: rgba(255, 192, 203, 0.60);
        }
    }

    &.ecosystem-director
    {
        background: rgba(239, 68, 68, 0.20);
        border-color: rgba(239, 68, 68, 0.40);
        color: #fca5a5;
        text-shadow: rgba(239, 68, 68, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-sitemap);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.30) 0%, rgba(239, 68, 68, 0.15) 50%, rgba(220, 38, 38, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(239, 68, 68, 0.30);
            border-color: rgba(239, 68, 68, 0.60);
        }
    }

    &.community
    {
        background: rgba(34, 139, 34, 0.20);
        border-color: rgba(34, 139, 34, 0.40);
        color: #4ade80;
        text-shadow: rgba(34, 139, 34, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users-cog);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(34, 139, 34, 0.30) 0%, rgba(34, 139, 34, 0.15) 50%, rgba(22, 101, 52, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(34, 139, 34, 0.30);
            border-color: rgba(34, 139, 34, 0.60);
        }
    }

    &.special-moderator-vk
    {
        height: 55px;
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }
}

[data-template="thread_view"] .message-userBanner.userBanner,
[data-template="thread_view_type_question"] .message-userBanner.userBanner
{
    width: 170px;
}

Посмотреть вложение 20312

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

Я использую -
[MMO] Verified Badge

Александри Македонский · Четверг в 10:51

'мистер' 'ноунейм' написал(а):
.куда эта?

Код:

. fa-pidoras { display: inline-block; width: 1em; height: 1em; background-image: url(https://imgur.com/ZnytRLm) background-repeat: no-repeat; vertical-align: middle; }

в extra.less

'мистер' 'ноунейм' · Четверг в 12:22

Александри Македонский написал(а):
в extra.less

У меня баннеры так слетают когда вставляю код этот

Александри Македонский · Вчера в 19:28

@'мистер' 'ноунейм', надо вставлять код в начало extra.less

Kolpak · Вчера в 21:20

CSS:

.username i:before {
    content: "";
    background: url('https://imgur.com/ZnytRLm.png') no-repeat center / contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

AuraDev · Вчера в 22:01

'мистер' 'ноунейм' написал(а):
Посмотреть вложение 20301
Как зделать так же синию галочку? У меня обычная типо

Ссылку на форум скинь

Поиск

Welcome!

Как сделать такую галочку?

'мистер' 'ноунейм'

'мистер' 'ноунейм'

COLTON

Александри Македонский

'мистер' 'ноунейм'

Александри Македонский

Denis_B

Александри Македонский

Denis_B

Александри Македонский

'мистер' 'ноунейм'

'мистер' 'ноунейм'

[Kolpak] Arizona RP (Copy)

Стиль Arizona Role Play

Белая вариация стиля ArizonaRP 2025

Tiles

Александри Македонский

'мистер' 'ноунейм'

Александри Македонский

Kolpak

AuraDev