Joomla меняет цвет пункта меню - PullRequest
Новая
       11

Joomla меняет цвет пункта меню

0 голосов
/ 09 января 2012

Я опубликовал пункт меню в левой части - тип модуля "mod_mainmenu" Я хочу, чтобы цвет пункта меню менялся на другой цвет, когда меню щелкает и показывает страницу. Для отображения активного пункта меню при просмотре соответствующей страницы

Say Пункт меню

Страница 1
Страница 2
Страница 3
Страница 4

при нажатии на ссылку "page1" открывается examplesite.com/page1 и пункт меню "page1" слева, чтобы показать цвет "зеленый"

Фактическая ссылка: http://sample26.marrsinfosolutions.com/ хотите, чтобы левая навигационная система произнесла тестовый отзыв, подарочный сертификат и т. д., чтобы он стал серым при просмотре, и вернитесь к значению по умолчанию, если его не просматривали

спасибо заранее

1 Ответ

0 голосов
/ 09 января 2012

Чтобы изменить цвет текущего элемента, добавьте класс, который будет ссылаться на «активный» раздел страницы, подумав, что вам придется адаптировать его к своей странице (это хорошая практика).

Добавьте правила, которые сделают выбранную ссылку отличной от других. Укажите атрибут id для элемента body, чтобы по-разному стилизовать «текущую» вкладку навигации. В следующем примере id элемента body был установлен в «home», что делает вкладку «Home» текущей. Если изменить его на «about», то вкладка «About» станет текущей и т. Д.

Пример со страницы: 

#home #nav-home a,
#about #nav-about a,
#archive #nav-archive a,
#lab #nav-lab a,
#reviews #nav-reviews a,
#contact #nav-contact a {
background:#e35a00;
color:#fff;
text-shadow:none;
}
#home #nav-home a:hover,
#about #nav-about a:hover,
#archive #nav-archive a:hover,
#lab #nav-lab a:hover,
#reviews #nav-reviews a:hover,
#contact #nav-contact a:hover {
background:#e35a00;
}
#nav a:active {
background:#e35a00;
color:#fff;
}

Источник: http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/

...