Как изменить отдельные страницы Joomla с помощью CSS

Joomla Модули


HD-Custom CSS — это простой, но очень полезный модуль, который позволяет добавлять CSS стили на отдельные страницы Joomla.

HD-Custom CSS позволяет быстро и легко применять изменения CSS без редактирования файлов шаблонов.

В этой статье мы покажем вам, как изменить цвет фона и шрифт только для одной страницы.

Шаг 1. Установка

  • Загрузите модуль с JED.
  • Зайдите в Расширения> Менеджер расширений.
  • Установите модуль.

Шаг 2: Назначить выбранным страницам

  • Перейдите в менеджер модулей и откройте модуль HD-Custom CSS.
  • Включите модуль.
  • Поместите модуль в любую позицию шаблона в нужных вам пунктах меню. Я использовал позицию «debug», но мог выбрать любую другую. Вы также можете нажать «Menu Assignment» и добавить этот CSS к выбранным ссылкам.

Шаг 3. Добавьте свой CSS

  • Введите CSS, который вы хотите использовать, в поле «Custom CSS».
    На изображении выше показано окно с уже введенным в него первым примером. Мы собираемся сделать фон синим.
  • Сохраните модуль.

Шаг 4: просмотрите изменения
Перейдите на внешний интерфейс вашего сайта и проверьте свои изменения. Убедитесь, что они применяются только к нужным страницам.

Больше опций
Вместо использования окна с кодом, вы можете создать или скопировать с существующего сайта таблицу стилей и включить ее, введя URL-адрес таблицы стилей. Это замечательно, если вы хотите внести одни и те же изменения на множестве разных сайтов.

Для тех, у кого проблемы с совместимостью с браузером, вы можете сделать свои стили для каждого браузера отдельно:

Итог
HD-Custom CSS — отличный вариант для быстрых и целенаправленных изменений CSS. Вы можете уникализировать каждую страницу вашего сайта под каждый из браузеров, не применяя изменения CSS стилей всего шаблона. Это очень удобно, особенно для крупных проектов.