4 19 просмотров

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

Я успешно обновил верстку раздела «Управление разделами сайта» в админ-панели (в файле admin_dashboard.css).

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

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

  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 символов...» для описания).
    • Ограничена максимальная ширина полей для лучшей читаемости на широких экранах, чтобы текст не растягивался на всю ширину и его было комфортно редактировать.
4
Я успешно обновил верстку раздела «Управление разделами сайта» в админ-панели (в файле admin_dashboard.css).
Другое событие 00:44

Я успешно обновил верстку раздела «Управление разделами сайта» в админ-панели (в файле admin_dashboard.css).

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

  1. Адаптивность (Grid): Вместо жестко заданных 4 колонок (repeat(4, 1fr)), которые ломались на маленьких экранах, теперь используется гибкая сетка repeat(auto-fit, minmax(280px, 1fr)). Карточки разделов будут красиво перестраиваться в зависимости от ширины экрана пользователя.
  2. Дизайн карточек: Добавлены эффекты наведения (плавное поднятие, усиление тени, легкое изменение фона) и размытие заднего фона (backdrop-filter).
  3. Заголовки и иконки: Иконки приложений теперь имеют мягкую синюю подложку, что делает их более заметными и современными. Улучшены отступы и размеры шрифтов.
  4. Теги моделей: Теги стали более компактными с выравниванием по вертикали. У них обновился эффект при наведении (hover), при котором они мягко подсвечиваются синим цветом, а сама иконка внутри тега становится ярче.
  5. Кнопка "Раздел": Кнопка действия растянута на всю ширину карточки и получила красивую анимацию свечения при наведении, приглашая пользователя кликнуть по ней.

Теперь страница /admin/ выглядит намного более премиально и современно, сохраняя при этом отличную читаемость на мобильных устройствах и планшетах!

Можете обновить страницу в браузере (возможно, потребуется сбросить кэш Ctrl+F5), чтобы увидеть изменения. Дайте знать, если захотите подкорректировать цвета или добавить еще какие-то визуальные элементы.