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

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

Тема в разделе "Общее для WordPress", создана пользователем kvo, 30 июл 2014.

  1. kvo

    kvo

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

    Вложения:

    • mmenu.jpg
      mmenu.jpg
      Размер файла:
      3,8 КБ
      Просмотров:
      12
    kvo, 30 июл 2014
    #1
  2. Stork.71

    Stork.71 Местный

    Сообщения:
    1.102
    Симпатии:
    276
    Баллы:
    83
    А Ваш сайт какой?
     
    Stork.71, 30 июл 2014
    #2
  3. Stork.71

    Stork.71 Местный

    Сообщения:
    1.102
    Симпатии:
    276
    Баллы:
    83
    #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;}
    в основном так, навскидку сложно.
    Там, как я понял, в теме куча цветовых настроек, они много перекрывают.
     
    Stork.71, 30 июл 2014
    #3
    • Нравится Нравится x 1
  4. kvo

    kvo

    Сообщения:
    59
    Симпатии:
    6
    Баллы:
    8
    Огромное спасибо!
     
    kvo, 30 июл 2014
    #4
  5. Ванчес

    Ванчес

    Сообщения:
    6
    Симпатии:
    1
    Баллы:
    3
    Ищите в файле .css строку с псевдоклассом hover.

    Нужный вам элемент должен быть подобного вида:
    a:hover {background-color: #7286a5;}
     
    Ванчес, 20 авг 2014
    #5
  6. Stork.71

    Stork.71 Местный

    Сообщения:
    1.102
    Симпатии:
    276
    Баллы:
    83
    вопрос не в пункте меню, на который наведен курсор, а в активном пункте меню, то есть странице или родителе страницы, открытой в текущем окне (вкладке)
     
    Stork.71, 20 авг 2014
    #6
  7. DEEPshadow

    DEEPshadow

    Сообщения:
    33
    Симпатии:
    2
    Баллы:
    8
    что то подобное видел реализацией jquery, видимо нужно дабавить класс при нажатии и удалить при изменении пункта меню
     
    DEEPshadow, 21 авг 2014
    #7