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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Регистрация
27 Окт 2024
Сообщения
286
3.1. Заголовок темы должен отражать основную суть темы.
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Здравствуйте можете помочь с баннерами дать код данных баннеров
 
waiting for GTA VI day 543
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,977
Less:
.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 25px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    background-size: 500% 500%;
    animation: AnimBanner 10s ease infinite;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 85%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    border: .2mm ridge rgba(255,255,255,0.2);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--admin {
    color: #fff;
    background-color: #7fff00;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--admin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--stadm {
    color: #fff;
    background-color: #32cd32;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--stadm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--mladm {
    color: #fff;
    background-color: #0f0;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--mladm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--newmember {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--newmember .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--verified {
    color: #fff;
    background-color: #446cb3;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--verified .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--proveren {
    color: #fff;
    background-color: #b0c4de;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--proveren .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--hassle {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.userBanner.userBanner--hassle .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--black {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.userBanner.userBanner--black .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--sponsor {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.userBanner.userBanner--sponsor .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--osnov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.userBanner.userBanner--osnov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--tehh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ff4500, #b0284d)
}

.userBanner.userBanner--tehh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--user {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.userBanner--user .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--proh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.userBanner.userBanner--proh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--remka {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-color: #009c82
}

.userBanner.userBanner--remka .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--kur {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.userBanner--kur .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--adm {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.userBanner--adm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--teh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.userBanner--teh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.userBanner--lider .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--soskazgs {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.userBanner--soskazgs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--soskags {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.userBanner--soskags .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--Gladmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.userBanner.userBanner--Gladmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--ZGadmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.userBanner.userBanner--ZGadmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--admforum {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #0ff, #008080, #0ff)
}

.userBanner.userBanner--admforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--rykproekta {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.userBanner.userBanner--rykproekta .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.userBanner--redadmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--razrab {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.userBanner--razrab .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--super {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.userBanner--super .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}
 
Регистрация
27 Окт 2024
Сообщения
286
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Спасибо а изображение как сделать можете подсказать
 
waiting for GTA VI day 543
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,977
Регистрация
27 Окт 2024
Сообщения
286
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Спасибо
 
waiting for GTA VI day 543
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,977
Регистрация
27 Окт 2024
Сообщения
286
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Ахахах
 
Сверху