3 6 просмотров

Я переработал блок «Тарифные планы» (прайс-листы) в соответствии с пожеланиями. Внесены следующие изменения:

Я обновил блок «Тарифные планы», чтобы он выглядел более премиально и современно, в соответствии с передовыми практиками веб-дизайна.

Я обновил блок «Тарифные планы», чтобы он выглядел более премиально и современно, в соответствии с передовыми практиками веб-дизайна.

Что было сделано:

  1. Обновлен HTML-шаблон ():

    • Изменена структура карточек (добавлены более плавные скругления, улучшены отступы).
    • Заменены стандартные кнопки на новые градиентные и аутлайн-варианты.
    • Иконки списка особенностей теперь помещены в аккуратные круглые подложки.
    • Текст цены и заголовка переформатирован для лучшей читаемости и премиальности.
  2. Добавлены новые CSS-стили ():

    • Стекломорфизм (Glassmorphism): Добавлен эффект полупрозрачности backdrop-filter: blur(20px) и темный фон для карточек тарифов, чтобы придать им современный глубокий вид.
    • Градиенты: Использованы сочные градиенты для кнопок, значка «Хит продаж», выделенного текста цены, а также красивый неоновый градиентный контур для рекомендуемого тарифа.
    • Анимации: Добавлены микро-анимации на наведение (hover-эффекты) — карточки плавно поднимаются, увеличивается свечение тени.
    • Типографика и тени: Добавлены мягкие тени box-shadow и улучшен межбуквенный интервал letter-spacing для повышения эстетической привлекательности.

Хронология событий за 07.08.2026

1
Я переработал блок «Тарифные планы» (прайс-листы) в соответствии с пожеланиями. Внесены следующие изменения:
Другое событие 23:00

Я переработал блок «Тарифные планы» (прайс-листы) в соответствии с пожеланиями. Внесены следующие изменения:

  1. Цветовая гамма: Фон карточек тарифов теперь чисто белый, а текст — черный (темно-серый) для максимального контраста и читаемости.
  2. Визуальные акценты:
    • Рекомендуемый тариф (Хит продаж) теперь выделяется ярким красивым градиентным бордером и имеет легкое свечение (тень).
    • Кнопки выбора тарифов обновлены: главные кнопки сохранили яркий градиент, а второстепенные получили аккуратный светлый дизайн с темным текстом.
    • Плашка «Хит продаж» теперь имеет насыщенный градиент, который отлично смотрится на белом фоне.
  3. Читабельность текста: Убрал излишне серый цвет (text-subtle) у списков функций и описаний. Описание тарифов и список их возможностей теперь написаны более крупным и четким шрифтом, что делает текст более понятным и приятным глазу.
  4. Общая стилистика: Элементы стали более современными, добавлена светлая аккуратная тень при наведении, разделяющая линия стала более четкой.
2
Я исправил стили тарифных планов и убрал жестко заданные классы цветов, из-за которых в темной теме текст сливался с фоном или карточки оставались белыми.
Другое событие 23:31

Я исправил стили тарифных планов и убрал жестко заданные классы цветов, из-за которых в темной теме текст сливался с фоном или карточки оставались белыми.

Теперь карточки тарифных планов автоматически адаптируются и под темную, и под светлую темы (используя переменные CSS, которые у вас заданы в файле services.css), а текст стал хорошо читаемым в обоих режимах.

3
Я улучшил раздел SEO-настроек для новостей (а также для категорий новостей), сделав его более понятным и визуально приятным.
Другое событие 23:35

Я улучшил раздел SEO-настроек для новостей (а также для категорий новостей), сделав его более понятным и визуально приятным.

Вот что было сделано:

  1. Добавлено описание секции: Внутри самого таба «SEO настройки» теперь отображается подсказка, объясняющая зачем нужны эти поля и как они помогают улучшить поисковую выдачу.
  2. Добавлено поле описания в категории: В админке категорий новостей не выводилось поле meta_description — я добавил его туда, чтобы функционал SEO был полноценным.
  3. Улучшены поля ввода (плейсхолдеры и размеры):
    • Для полей добавлены понятные плейсхолдеры с рекомендациями по длине (например, «Оптимально 50-60 символов...» для заголовка и «...рекомендуется 150-160 символов...» для описания).
    • Ограничена максимальная ширина полей для лучшей читаемости на широких экранах, чтобы текст не растягивался на всю ширину и его было комфортно редактировать.