Как убрать пункт меню на странице которого мы находимся CMS Joomla

Доброго времени суток. В одном проекте на CMS Joomla понадобилось убрать пункт меню на странице данного пункта. Покопавшись в самой CMS я так и не нашел, как это сделать средствами самой CMS Joomla. И поэтому пришлось лезть в шаблон, а точнее в CSS шаблона. И все оказалось очень просто. Давайте рассмотрим, как можно убрать пункт меню на странице данного пункта посредством CSS. Итак...

У нас есть страница с меню (рассмотрим на пример пункт Home):

И перейдя по этому пункту, данный пункт должен исчезнуть:

Давайте перейдем к реализации задуманного.
Первое, что давайте проанализируем элемент пункта меню Home на странице Home. И в этом на поможет Mozilla с плагином Firebug.
Жмем правой кнопкой мыши по Home и в контекстном меню выбираем Inspect Element with Firebug:

 В открывшемся окне Firebug мы смотрим класс нашего элемента, а также в каком файле стилей и в какой строке задаются свойства данного элемента:

Ну вот, полдела и сделано. Переходим в файл personal.css и ищем строку с номером 470.
ul.menu li.active a:link,
ul.menu li.active a:visited
{
   color:#333;
}
Нам необходимо изменить свойство элемента ul.menu li.active на display:none. Должно получиться следующее:

ul.menu li.active a:link,
ul.menu li.active a:visited
{
   color:#333;
}

ul.menu li.active
{
    display:none;
}
Сохраняем и проверяем.
Как видите ничего сложного не оказалось. Главное в этом деле смекалка и немного воображения. Если у Вас возникли вопросы или Вы знаете как такое можно реализовать с помощью методов самой CMS Joomla пишите в комментариях.
А на этом все. Будьте изобретательны:) И не забывайте подписаться на RSS-рассылку данного блога.

Понравилась статья? Поблагодарить автора:

Введите e-mail адрес: