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

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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
17 Май 2023
Сообщения
44
Сливаю для вас свои баннеры которые делал сам
.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);
}
Ребята если хотите купить баннеры для своего форума обращайтесь сюда Это чатик для покупки https://t.me/BannerBuy (не реклама)
 

Вложения

  • 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 · Просмотры: 37
Пользователь
Регистрация
17 Май 2023
Сообщения
44
Ребята кто занимается форумами заходите в чатик стоимость будет от 150 руб в зависимости от сложности
 
Дальше — Больше
Команда форума
Модератор
Регистрация
21 Янв 2023
Сообщения
895
Сливаю для вас свои баннеры которые делал сам
.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 рублей, за похожие баннера не заплатил.
 
777
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,178
не красивые
 
Сверху