CSS ПОСЛЕ КРИКА ✕ Слэшер-хоррор CSS

Переведено с английского

CSS AFTER THE SCREAM ✕ Slasher Horror CSS

28

95

РЕБЯТА, ЭТО НЕ БОТ 😭

Наконец-то делюсь своим CSS в стиле слэшера! 🖤 Мне хотелось придать этому дизайну мрачную, кинематографичную атмосферу хорроров 90-х с багровыми акцентами, глитч-эффектами, деталями в духе винтажных VHS и вырезанным персонажем в маске. Здесь много мелких деталей для изучения, так что надеюсь, вам понравится!

✦ Ссылки

✦ Особенности CSS & Характеристики

  • 🩸 Мрачная эстетика слэшер-хоррора с багрово-красным, угольно-чёрным и приглушённым грязно-белым

  • 🔪 Эффектная главная секция с крупным вырезанным персонажем и анимированными визуальными эффектами

  • 🎧 Интерактивный микстейп на кассете с выбираемыми треками и анимированными звуковыми волнами

  • 🗝️ Раскрывающиеся меню для личной информации, границ, рейтингов и многого другого

  • 📼 Витрина серий в стиле VHS для ваших историй и коллекций ботов

  • 🖼️ Интерактивная стена улик с карточками-изображениями и вращающимся 3D-дисплеем

  • ☎️ Панели голосовой почты для сообщений, контактных ссылок и информации о комиссиях

  • 🖤 Настраиваемые карточки выживших для друзей, взаимных подписчиков или любимых авторов

  • 👁️ Скрытые детали, раскрывающиеся сообщения и интерактивные элементы

  • ✨ Глитч-эффекты, анимации при наведении, вращающиеся элементы и другие атмосферные детали

  • 📱 Адаптивная подстройка макета под разные размеры экрана

  • 🎨 Настраиваемые изображения, текст, данные о музыке, ссылки и информация профиля

✦ Как установить

  1. Получите код CSS по ссылке на Google Drive ниже.

  2. Скопируйте весь код.

  3. Откройте свой профиль JanitorAI и перейдите в Settings → About Me.

  4. Вставьте код в соответствующую область.

  5. Сохраните изменения и обновите профиль, чтобы проверить результат.

  6. Замените заполнители своими изображениями, текстом, данными о музыке и ссылками!

✦ Советы по настройке

  • 🖼️ Изображения: Замените заполнители изображений своими ссылками на изображения. Где требуется, используйте прямые URL изображений.

  • 📝 Текст: Персонализируйте разделы профиля, описания, сообщения и заголовки.

  • 🎧 Музыка: Настройте названия треков и связанную информацию в секции кассеты.

  • 📼 Серии: Обновите витрину своими названиями серий, описаниями, тегами и ссылками.

  • 🖤 Выжившие: Замените образцы изображений, имён и ссылок на своих друзей, взаимных подписчиков или любимых авторов.

  • 🎨 Цвета: Вы можете скорректировать цвета темы в CSS, если хотите поэкспериментировать с другой палитрой.

✦ Важные замечания перед редактированием

  1. Сделайте резервную копию оригинального кода перед внесением изменений.

  2. Заменяйте обозначенные заполнители, а не удаляйте случайные части кода.

  3. Будьте осторожны, не удаляйте важные HTML-теги, кавычки, скобки или имена классов, так как это может повлиять на работу секций.

  4. При замене заполнителей изображений используйте прямые ссылки на изображения.

  5. После редактирования сохраните и обновите профиль, чтобы проверить, всё ли отображается правильно.

Пожалуйста, помните, что некоторые элементы могут выглядеть или вести себя иначе в зависимости от вашего устройства или текущего интерфейса JanitorAI.

✦ Нужна помощь? 💌

Если у вас есть вопросы, нужна помощь с настройкой CSS или вы столкнулись с какими-либо ошибками или неработающими функциями, пожалуйста, не стесняйтесь оставить комментарий или написать мне здесь в Discord! Я сделаю всё возможное, чтобы помочь и исправить всё, что смогу.

Спасибо, что заглянули на мои работы и поддерживаете мой маленький CSS-уголок. Надеюсь, вам будет интересно сделать эту тему своей!

✦ Хотите заказать индивидуальный CSS? 🖤

Есть идея темы, которую вы хотели бы воплотить в жизнь? Я открыта для заказов на CSS! Если вы заинтересованы в создании индивидуального профиля специально для вас, ознакомьтесь с информацией о заказах ниже.

Давайте воплотим ваши идеи в жизнь! 🔪🩸

Создано 28 окт.

Обновлено 28 окт.

Опубликован 28 окт.

прокси разрешены

Опубликованные чаты