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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
5 Янв 2025
Сообщения
191
У кого есть баннеры как у pawno help? Скиньте код пожалуйста.
 
Решение
В extra.less
CSS:
.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.moder,.userBanner--staff.moder {
    background: linear-gradient(90deg...
Шедевро ХТМЛ
Активный
Регистрация
14 Апр 2024
Сообщения
708
В extra.less
CSS:
.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.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: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
}
 
even if it’s rare, it doesn’t mean it’s useful
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,515
Статус
В этой теме нельзя размещать новые ответы.
Сверху