• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

    Мы активно растущий клуб по WordPress и нам нужна помощь каждого человека, в том числе и Ваша! Не стесняйтесь и станьте частью большого сообщества.
    Мы делимся новостями, отытом и полезными советами! Пройдите простую регистрацию, чтобы пользоваться всеми возможностями нашего клуба.

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Совет Стандартное меню WP сделать выпадающим

Wildcdu

ЭКСПЕРТ

Wildcdu

ЭКСПЕРТ
Сообщения
1,120
Кратенько. Если нужно сделать выпадающее меню можно использовать

[CSS].sub-menu - ul список подменю
.current-menu-parent - родоначальник в данный момент выбранной строки меню
.current-menu-item - в данный момент выбранное меню[/CSS]

Для начала нужно совсем скрыть подменю:

.menu .sub-menu {display: none}

Когда курсор мыши находится над пунктом меню :)hover) — подменю было видно.

.menu li:hover .sub-menu { display:block !important}

И сделать видимым ul список от родителя выбранного в данный момент пункта меню:

.current-menu-parent ul { display:block !important}

Раскрасить на свой вкус фон и цвет ссылок у выбранного пункта меню:

[CSS].menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.4)}
.current-menu-item a { color:#FFF}[/CSS]
Код полностью:
[CSS].menu .sub-menu {display: none}
.menu li:hover .sub-menu, .current-menu-parent ul { display:block !important}
.menu .sub-menu a {padding-left:50px}
.current-menu-item { background: rgba(0,0,0,0.5)}
.current-menu-item a { color:#FFF}[/CSS]
 

Топ поддержки


Сверху