Как сделать отображение активного пункта в меню сайта?

голоса: 0
Добавил много страниц и вкладок, но они не выделяются при их выборе(выделяются только при наведении), как, например главная или фотогаллерея. Вопрос: как сделать выделение еще и при их выборе?
Адрес сайта dknn.ucoz.net
| Автор: | Категория: Меню сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ
  1. Перейти в Конструктор меню - http://dknn.ucoz.net/panel/?a=menus
  2. Отредактировать все пункты меню в которые наблюдается данная проблема, например возьмем пункт - Родителям, откройте пункт на редактирование, увидите в поле урл, полный адрес страницы:

http:// dknn. ucoz. net/index/roditeljam/0-7

выделенное красным удалите, и так поступите со всеми пунктами меню в которых эта проблема наблюдается, после активные пункты меню будут работать без проблем.

То есть, все абсолютные ссылки изменить на относительные.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Со вложенными страницами не прокатило, хочу, чтобы все таки выделялось корневая страница
с вложенными так же работает вот у вас проверил, но пункт выделяется розовым цветом, это же вложенный пункт и он не будет отображаться как и главный с прозрачным фоном, все работает, видимо вы хотите невозможного
Не, вы не поняли что я хочу, я хочу, чтобы при выборе вложенного пункта в меню(не при наводке на него курсора, а нажатии) выделялсякорневой пункт меню. Например, вкладка Родителям. При выборе подвкладки хочу чтоб выделялась цветом вкладка родителям

Понял, добавьте в таблицу стилей CSS следующие стили, в самый низ:

#catmenu li li > a.uMenuItemA,#catmenu li li > a:active, #catmenu li li:active > a {font-weight:bold;height:auto;color:#000;border:none;line-height:normal;}

font-weight:bold; - придадим жирности активному пункту в выпадающем меню, так будет выделяться лучше чем просто черным цветом

color:#000; цвет активных пунктов в выпадающем меню

Если не нравится меняйте под себя, делается элементарно, цвет можете подобрать вот здесь - http://www.color-hex.com/ далее в стилях выше заменить на ваш код.

...