Баннеры для вас простенькие

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

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

Зарегистрироваться!
Пользователь
Регистрация
17 Май 2023
Сообщения
50
2.6. Весь код необходимо брать под тег "Код".
Сливаю для вас свои баннеры которые делал сам
Код:
.userBanner {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 20px;
    border-radius: 20px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    text-align: center;
}

.userBanner::before,
.userBanner::after {
    content: '';
    position: absolute;
    background-color: #bec2c6;
}

.userBanner::before {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px;
}

.userBanner::after {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
}

.userBanner--director {
    background: linear-gradient(270deg, #ff1522, #4865ff);
}

.userBanner--admin {
    background: linear-gradient(270deg, #85c1ff, #1f8dff);
}

.userBanner--zgs {
    background: linear-gradient(270deg, #0d0bff, #52a7ff);
}

.userBanner--gs {
    background: linear-gradient(270deg, #ffb21f, #ff0bc8);
}

.userBanner--curator {
    background: linear-gradient(270deg, #153aff, #9085ff);
}

.userBanner--tech-admin {
    background: linear-gradient(270deg, #bec2c6, #85c1ff);
}

@keyframes AnimBanner {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.userBanner::before {
    top: 0;
}

.userBanner::after {
    bottom: 0;
}

.userBanner--director::before,
.userBanner--director::after {
    background-color: rgba(255, 255, 255, 0.5);
}
Ребята если хотите купить баннеры для своего форума обращайтесь сюда Это чатик для покупки //удалено (не реклама)
 

Вложения

  • Screenshot_2025-02-25-12-54-10-381_com.yandex.browser-edit.jpg
    Screenshot_2025-02-25-12-54-10-381_com.yandex.browser-edit.jpg
    129 KB · Просмотры: 96
Последнее редактирование модератором:
Пользователь
Регистрация
17 Май 2023
Сообщения
50
Ребята кто занимается форумами заходите в чатик стоимость будет от 150 руб в зависимости от сложности
 
𝚖𝚘𝚛𝚜 𝚌𝚎𝚛𝚝𝚊, 𝚑𝚘𝚛𝚊 𝚒𝚗𝚌𝚎𝚛𝚝𝚊.
Команда форума
Администратор
Регистрация
21 Янв 2023
Сообщения
1,289
Сливаю для вас свои баннеры которые делал сам
.userBanner {
position: relative;
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 65%;
padding: 20px;
border-radius: 20px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite;
text-align: center;
}

.userBanner::before,
.userBanner::after {
content: '';
position: absolute;
background-color: #bec2c6;
}

.userBanner::before {
top: -5px;
left: 0;
right: 0;
height: 5px;
}

.userBanner::after {
bottom: -5px;
left: 0;
right: 0;
height: 5px;
}

.userBanner--director {
background: linear-gradient(270deg, #ff1522, #4865ff);
}

.userBanner--admin {
background: linear-gradient(270deg, #85c1ff, #1f8dff);
}

.userBanner--zgs {
background: linear-gradient(270deg, #0d0bff, #52a7ff);
}

.userBanner--gs {
background: linear-gradient(270deg, #ffb21f, #ff0bc8);
}

.userBanner--curator {
background: linear-gradient(270deg, #153aff, #9085ff);
}

.userBanner--tech-admin {
background: linear-gradient(270deg, #bec2c6, #85c1ff);
}

@keyframes AnimBanner {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.userBanner::before {
top: 0;
}

.userBanner::after {
bottom: 0;
}

.userBanner--director::before,
.userBanner--director::after {
background-color: rgba(255, 255, 255, 0.5);
}
я бы и 100 рублей, за похожие баннера не заплатил.
 
Сверху