LIVE SAMP

Ищу баннера форума pawno help

Добро пожаловать!

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

Зарегистрироваться!
Logan Everly

Logan Everly

Пользователь
Регистрация
2 Ноя 2025
Сообщения
222
3.1.1. Запрещено формулировать названия тем в требовательной форме (например, «Дайте…», «Сделайте…»).
Заранее спасибо
 
Решение
JustAlex
Logan Everly написал(а):
А можете ещё дать префиксы пожалуйста
Нажмите для раскрытия...
Less: 
.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color...
Сортировка по дате Сортировка по голосам
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
2,014
Less: 
.userBannerLight,.userBanner--staff {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}

.userBannerLight.admin,.userBanner--staff.admin {
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    width: 101px
}

.userBannerLight.banned,.userBanner--staff.banned {
    background: linear-gradient(90deg, #99958c 25%, #99958c 100%, #000);
    width: 115px
}

.userBannerLight.user,.userBanner--staff.user {
    background: linear-gradient(90deg, #789 25%, #789 100%, #000);
    width: 93px
}

.userBannerLight.readOnly,.userBanner--staff.readOnly {
    background: linear-gradient(90deg, #333, #4d4d4d);
    width: 95px
}

.userBannerLight.moder,.userBanner--staff.moder {
    background: linear-gradient(90deg, #4b6cb7, #182848);
    width: 77px
}

.userBannerLight.editor,.userBanner--staff.editor {
    background-color: #5F72BE;
    background-image: linear-gradient(315deg, #5f72be 0%, #9921e8 74%);
    width: 67px
}

.userBannerLight.active,.userBanner--staff.active {
    background-color: #3333ff;
    background-image: linear-gradient(315deg, #00f 0%, #33f 74%);
    width: 67.5px
}

.userBannerLight.professional,.userBanner--staff.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

.userBannerLight.legend,.userBanner--staff.legend {
    background-color: #ffd700;
    background-image: linear-gradient(315deg, #ccad00 0%, #ffd700 74%);
    width: 110px
}

.userBannerLight.seller,.userBanner--staff.seller {
    background-color: #ff5c77;
    background-image: linear-gradient(315deg, #ff294d 0%, #ff5c77 74%);
    width: 100px
}

.userBannerLight:before,.userBanner--staff:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
        text-align:center;
        display: block;
        margin: 3px
    }
}

.userBanner--staff {
    background: #1ba39c !important;
    color: #fff !important;
    width: 108px
}

@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

P.S. Также там появилась какая-то новая роль легенда... интересно, интересно)
 
Позитивный голос 0 Негативный голос
Lime-Pulse

Lime-Pulse

Пользователь
Регистрация
17 Окт 2024
Сообщения
236
extra.less: 
.userBannerLight,.userBanner--staff {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}

.userBannerLight.admin,.userBanner--staff.admin {
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    width: 101px
}

.userBannerLight.banned,.userBanner--staff.banned {
    background: linear-gradient(90deg, #99958c 25%, #99958c 100%, #000);
    width: 115px
}

.userBannerLight.user,.userBanner--staff.user {
    background: linear-gradient(90deg, #789 25%, #789 100%, #000);
    width: 93px
}

.userBannerLight.readOnly,.userBanner--staff.readOnly {
    background: linear-gradient(90deg, #333, #4d4d4d);
    width: 95px
}

.userBannerLight.moder,.userBanner--staff.moder {
    background: linear-gradient(90deg, #4b6cb7, #182848);
    width: 77px
}

.userBannerLight.editor,.userBanner--staff.editor {
    background-color: #5F72BE;
    background-image: linear-gradient(315deg, #5f72be 0%, #9921e8 74%);
    width: 67px
}

.userBannerLight.active,.userBanner--staff.active {
    background-color: #3333ff;
    background-image: linear-gradient(315deg, #00f 0%, #33f 74%);
    width: 67.5px
}

.userBannerLight.professional,.userBanner--staff.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

.userBannerLight.legend,.userBanner--staff.legend {
    background-color: #ffd700;
    background-image: linear-gradient(315deg, #ccad00 0%, #ffd700 74%);
    width: 110px
}

.userBannerLight.seller,.userBanner--staff.seller {
    background-color: #ff5c77;
    background-image: linear-gradient(315deg, #ff294d 0%, #ff5c77 74%);
    width: 100px
}

.userBannerLight:before,.userBanner--staff:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
        text-align:center;
        display: block;
        margin: 3px
    }
}

.userBanner--staff {
    background: #1ba39c !important;
    color: #fff !important;
    width: 108px
}

@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

.message-avatar-wrapper .avatar.avatar--l {
    width: 115px;
    height: 115px
}

.message-userBanner.userBanner {
    display: block;
    margin: 3px auto;
    border-radius: 2px
}

.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}

fieldset.svg-offtop {
    background: #2b2b40;
    border: 1px solid #009ef7;
    border-left-width: 3px;
    padding: 5px 10px 10px;
    border-radius: 10px
}

fieldset.svg-offtop legend {
    color: #009ef7;
    font-weight: 500;
    padding: 0 5px;
    margin-left: 10px;
    transition: font-size .5s ease-out .3s
}

fieldset.svg-offtop p {
    font-size: 13px;
    color: #a1a5b7;
    margin: inherit
}

fieldset:hover legend {
    font-size: 120%
}
 
Позитивный голос 0 Негативный голос
Lime-Pulse

Lime-Pulse

Пользователь
Регистрация
17 Окт 2024
Сообщения
236
Logan Everly написал(а):
А можете ещё дать префиксы пожалуйста
Нажмите для раскрытия...
Я точно не уверен что это то но вот попробуй
extra.less: 
.banner1 {
    color: white;
    background: linear-gradient(90deg, #191970 25%, #000 100%, #000);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1px 10px 3px;
    border: none
}

.banner2 {
    color: white;
    background: linear-gradient(90deg, #c0c0c0 25%, #c0c0c0 100%, #000);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner3 {
    color: white;
    background: linear-gradient(90deg, #789 25%, #789 100%, #000);
    text-align: center;
    font-style: normal
}

.banner4 {
    color: white;
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner5 {
    color: white;
    background: linear-gradient(90deg, #008080, #001a1a);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner6 {
    color: white;
    background: linear-gradient(90deg, #008000, #001a00);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner7 {
    color: white;
    background: linear-gradient(90deg, #4b6cb7, #182848);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner8 {
    color: white;
    background: linear-gradient(90deg, #36f, #09bd72);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner9 {
    color: white;
    background: linear-gradient(90deg, #daa520, #300052);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner10 {
    color: white;
    background: linear-gradient(90deg, #310062, #120a8f);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner11 {
    color: white;
    background: linear-gradient(90deg, #008080, #004d4d);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner12 {
    color: white;
    background: linear-gradient(90deg, #dc143c, #4f0716);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner13 {
    color: white;
    background: linear-gradient(80deg, #f02424, #008f8f);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner14 {
    color: white;
    background: linear-gradient(80deg, #a30b0b, #050404);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner15 {
    color: white;
    background: linear-gradient(80deg, #30d5c8, #00a550);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner16 {
    color: white;
    background: linear-gradient(80deg, #30d5c8, #135e58);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner17 {
    color: white;
    background: linear-gradient(80deg, #1e5945, #066);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner18 {
    color: white;
    background: linear-gradient(80deg, #7442c8, #9400d3);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner19 {
    color: white;
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none;
    background: #7cc3e0;
    border-color: #53b0d6
}
 
Позитивный голос 0 Негативный голос
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
2,014
Logan Everly написал(а):
А можете ещё дать префиксы пожалуйста
Нажмите для раскрытия...
Less: 
.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}
 
Позитивный голос 0 Негативный голос
Решение
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
2,014
Lime-Pulse написал(а):
Я точно не уверен что это то но вот попробуй
extra.less: 
.banner1 {
    color: white;
    background: linear-gradient(90deg, #191970 25%, #000 100%, #000);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1px 10px 3px;
    border: none
}

.banner2 {
    color: white;
    background: linear-gradient(90deg, #c0c0c0 25%, #c0c0c0 100%, #000);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner3 {
    color: white;
    background: linear-gradient(90deg, #789 25%, #789 100%, #000);
    text-align: center;
    font-style: normal
}

.banner4 {
    color: white;
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner5 {
    color: white;
    background: linear-gradient(90deg, #008080, #001a1a);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner6 {
    color: white;
    background: linear-gradient(90deg, #008000, #001a00);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner7 {
    color: white;
    background: linear-gradient(90deg, #4b6cb7, #182848);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner8 {
    color: white;
    background: linear-gradient(90deg, #36f, #09bd72);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner9 {
    color: white;
    background: linear-gradient(90deg, #daa520, #300052);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner10 {
    color: white;
    background: linear-gradient(90deg, #310062, #120a8f);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner11 {
    color: white;
    background: linear-gradient(90deg, #008080, #004d4d);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner12 {
    color: white;
    background: linear-gradient(90deg, #dc143c, #4f0716);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner13 {
    color: white;
    background: linear-gradient(80deg, #f02424, #008f8f);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner14 {
    color: white;
    background: linear-gradient(80deg, #a30b0b, #050404);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner15 {
    color: white;
    background: linear-gradient(80deg, #30d5c8, #00a550);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner16 {
    color: white;
    background: linear-gradient(80deg, #30d5c8, #135e58);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner17 {
    color: white;
    background: linear-gradient(80deg, #1e5945, #066);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner18 {
    color: white;
    background: linear-gradient(80deg, #7442c8, #9400d3);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none
}

.banner19 {
    color: white;
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none;
    background: #7cc3e0;
    border-color: #53b0d6
}
Нажмите для раскрытия...
Это не префиксы
 
Позитивный голос 0 Негативный голос
Logan Everly

Logan Everly

Пользователь
Регистрация
2 Ноя 2025
Сообщения
222
JustAlex написал(а):
Less: 
.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}
Нажмите для раскрытия...
А как узнать какой код какой из префиксов, просто ничего не понятно
 
Позитивный голос 0 Негативный голос
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
2,014
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху