• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

kvo

Форумчанин
Приветствую. Подскажите пожалуйста: По дефолту в меню, если активен пункт, подсвечивается текст меню. Нужно сделать, что бы светилась "рамка" вокруг текста. Как образец синим по чёрному http://lamoda.ru
Как сделать так же? Заранее спасибо :)
 

Вложения

  • mmenu.jpg
    mmenu.jpg
    3.8 KB · Просмотры: 12

Stork.71

Гуру
Местный
#nav ul li,#sticky-nav ul li {padding: 0 0px 0 0px;}
#nav.nav-holder .navigation > li > a {padding: 0 10px 0 10px;
#nav ul .current_page_item a,#nav ul .current-menu-item a, #nav ul > .current-menu-parent a, #nav ul ul,.navigation li.current-menu-ancestor a,#nav ul li a:hover, #sticky-nav ul .current_page_item a, #sticky-nav ul .current-menu-item a, #sticky-nav ul > .current-menu-parent a, #sticky-nav ul ul,#sticky-nav li.current-menu-ancestor a,.navigation li.current-menu-ancestor a,#sticky-nav ul li a:hover {color: #ffffff;background-color: #7286a5;}
в основном так, навскидку сложно.
Там, как я понял, в теме куча цветовых настроек, они много перекрывают.
 
  • Like
Реакции: D&B

Ванчес

Новичок
Ищите в файле .css строку с псевдоклассом hover.

Нужный вам элемент должен быть подобного вида:
a:hover {background-color: #7286a5;}
 

Stork.71

Гуру
Местный
вопрос не в пункте меню, на который наведен курсор, а в активном пункте меню, то есть странице или родителе страницы, открытой в текущем окне (вкладке)
 

DEEPshadow

Форумчанин
что то подобное видел реализацией jquery, видимо нужно дабавить класс при нажатии и удалить при изменении пункта меню
 
Сверху Снизу