CSS-класс ссылки и CSS-класс страницы Joomla. Как задать и что это?
07.10.2017
Доброго времени суток читатели блога No Zombies Allowed. Мне частенько задают вопросы «Как изменить только один пункт меню?» и «Хочу чтоб на этой конкретной странице был другой фон.» и подобные. Этому и посвящена эта небольшая статья.
CSS-класс ссылки Joomla
Изменение CSS-класса ссылки на Joomla позволяет задать свой CSS для конкретно одного пункта меню. Т.е. Если вы хотите каким-то образом выделить один из пунктов меню, то это решение для вас. Вам нужно зайти в админку, далее: меню->название меню->пункт меню. Например: меню->Главное меню->Наши услуги.
Урок 18 - Суффикс CSS-класса модуля и нижнее меню для сайта
Справа вам нужно открыть «параметры отображения ссылки» и там вы увидите CSS-класс ссылки . Вам нужно придумать название, которое не встречалось в вашем шаблоне Joomla прежде. Скажем newlink и написать его в поле CSS-класс ссылки.
CSS-класс ссылке вы задали, теперь осталось лишь прописать CSS вашему пункту меню. Вам нужно выяснить где находится файл со стилями CSS вашего меню. Как это сделать быстро и легко я писал в инструкции к firebug (инспектору) . Осталось только открыть файл со стилями и добавить их.
Если у вас было к примеру:
.uk-navbar-nav > li > a { padding: 0px 40px; line-height: 50px; color: #444444; background: #fff; }Вам нужно добавить ваш новый стиль перед старым и дополнить вашим:
.uk-navbar-nav > li > a { padding: 0px 40px; line-height: 50px; color: #444444; background: #fff; } .newlink .uk-navbar-nav > li > a { background:red; color:#fff }Только не удаляйте старый стиль! Просто добавьте ваш новый стиль чуть ниже старого. Так, в примере, мы изменили цвет одного пункта меню на красный.
CSS-класс страницы Joomla
CSS-класс страницы позволяет изменить стиль конкретно одной страницы, привязанной к пункту меню. Но, если у вас пунктом меню выводится скажем блог категорий, а из него люди попадают на материалы, то все материалы буду изменены точно так же, как и страница категории. Чтобы изменить CSS-класс ТОЛЬКО страницы категории, вам придется создавать пункт меню для каждого материала из этой категории.
