Решено Баннер Директор || Для крмп или своего форума

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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
17 Май 2023
Сообщения
44
Уважаемые друзья сливаю для вас баннер под названием директор
.directorBanner {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5em; /* Увеличенный размер шрифта */
padding: 10px 20px; /* Увеличенное внутреннее поле */
border-radius: 20px; /* Закругленные углы */
background: linear-gradient(270deg, #FF5733, #FFC300, #DAF7A6, #33FF57, #337BFF);
background-size: 400% 400%; /* Размер фона для анимации */
animation: gradientAnimation 5s ease infinite; /* Анимация градиента */
text-align: center; /* Центрирование текста */
}

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

Скрин баннера
 

Вложения

  • IMG_20250225_002656.jpg
    IMG_20250225_002656.jpg
    158.4 KB · Просмотры: 28
777
Профессионал
Регистрация
2 Ноя 2024
Сообщения
1,178
OFFTOP

откуда взяты баннеры?

 
Пользователь
Регистрация
17 Май 2023
Сообщения
44
Маленький баннер кому надо ещё дополняю
.directorBanner {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.65em; /* Уменьшенный размер шрифта */
padding: 3px 6px; /* Уменьшенное внутреннее поле */
border-radius: 20px; /* Закругленные углы */
background: linear-gradient(270deg, #FF5733, #FFC300, #DAF7A6, #33FF57, #337BFF);
background-size: 400% 400%; /* Размер фона для анимации */
animation: gradientAnimation 5s ease infinite; /* Анимация градиента */
text-align: center; /* Центрирование текста */
}

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

Вложения

  • Screenshot_2025-02-25-00-42-11-982_com.yandex.browser-edit.jpg
    Screenshot_2025-02-25-00-42-11-982_com.yandex.browser-edit.jpg
    112 KB · Просмотры: 8
Дальше — Больше
Команда форума
Модератор
Регистрация
21 Янв 2023
Сообщения
897
писать код через ChatGPT, не означает, что вы сами его писали.

это прекрасно видно, по комментариям в коде, такие комментарии - оставляют только языковые модели.

к тому же, будем честны, сам по себе баннера страшненькие. =(
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху