CSS ПОСЛЕ КРИКА ✕ Слэшер-хоррор CSS
Переведено с английского
РЕБЯТА, ЭТО НЕ БОТ 😭
Наконец-то делюсь своим CSS в стиле слэшера! 🖤 Мне хотелось придать этому дизайну мрачную, кинематографичную атмосферу хорроров 90-х с багровыми акцентами, глитч-эффектами, деталями в духе винтажных VHS и вырезанным персонажем в маске. Здесь много мелких деталей для изучения, так что надеюсь, вам понравится!
✦ Ссылки
Живой предпросмотр: @SOLYNA
Магазин: МАГАЗИН SOLYNA
✦ Особенности CSS & Характеристики
🩸 Мрачная эстетика слэшер-хоррора с багрово-красным, угольно-чёрным и приглушённым грязно-белым
🔪 Эффектная главная секция с крупным вырезанным персонажем и анимированными визуальными эффектами
🎧 Интерактивный микстейп на кассете с выбираемыми треками и анимированными звуковыми волнами
🗝️ Раскрывающиеся меню для личной информации, границ, рейтингов и многого другого
📼 Витрина серий в стиле VHS для ваших историй и коллекций ботов
🖼️ Интерактивная стена улик с карточками-изображениями и вращающимся 3D-дисплеем
☎️ Панели голосовой почты для сообщений, контактных ссылок и информации о комиссиях
🖤 Настраиваемые карточки выживших для друзей, взаимных подписчиков или любимых авторов
👁️ Скрытые детали, раскрывающиеся сообщения и интерактивные элементы
✨ Глитч-эффекты, анимации при наведении, вращающиеся элементы и другие атмосферные детали
📱 Адаптивная подстройка макета под разные размеры экрана
🎨 Настраиваемые изображения, текст, данные о музыке, ссылки и информация профиля
✦ Как установить
Получите код CSS по ссылке на Google Drive ниже.
Скопируйте весь код.
Откройте свой профиль JanitorAI и перейдите в Settings → About Me.
Вставьте код в соответствующую область.
Сохраните изменения и обновите профиль, чтобы проверить результат.
Замените заполнители своими изображениями, текстом, данными о музыке и ссылками!
✦ Советы по настройке
🖼️ Изображения: Замените заполнители изображений своими ссылками на изображения. Где требуется, используйте прямые URL изображений.
📝 Текст: Персонализируйте разделы профиля, описания, сообщения и заголовки.
🎧 Музыка: Настройте названия треков и связанную информацию в секции кассеты.
📼 Серии: Обновите витрину своими названиями серий, описаниями, тегами и ссылками.
🖤 Выжившие: Замените образцы изображений, имён и ссылок на своих друзей, взаимных подписчиков или любимых авторов.
🎨 Цвета: Вы можете скорректировать цвета темы в CSS, если хотите поэкспериментировать с другой палитрой.
✦ Важные замечания перед редактированием
Сделайте резервную копию оригинального кода перед внесен ием изменений.
Заменяйте обозначенные заполнители, а не удаляйте случайные части кода.
Будьте осторожны, не удаляйте важные HTML-теги, кавычки, скобки или имена классов, так как это может повлиять на работу секций.
При замене заполнителей изображений используйте прямые ссылки на изображения.
После редактирования сохраните и обновите профиль, чтобы проверить, всё ли отображается правильно.
Пожалуйста, помните, что некоторые элементы могут выглядеть или вести себя иначе в зависимости от вашего устройства или текущего интерфейса JanitorAI.
✦ Нужна помощь? 💌
Если у вас есть вопросы, нужна помощь с настройкой CSS или вы столкнулись с какими-либо ошибками или неработающими функциями, пожалуйста, не стесняйтесь оставить комментарий или написать мне здесь в Discord! Я сделаю всё возможное, чтобы помочь и исправить всё, что смогу.
Спасибо, что заглянули на мои работы и поддерживаете мой маленький CSS-уголок. Надеюсь, вам будет интересно сделать эту тему своей!
✦ Хотите заказать индивидуальный CSS? 🖤
Есть идея темы, которую вы хотели бы вопло тить в жизнь? Я открыта для заказов на CSS! Если вы заинтересованы в создании индивидуального профиля специально для вас, ознакомьтесь с информацией о заказах ниже.
💌 Информация о заказах: ФОРМА ЗАКАЗА
Давайте воплотим ваши идеи в жизнь! 🔪🩸
Создано Oct 28
Обновлено Oct 28
Опубликован Oct 28