Выпадающее CSS меню

Обновлено 27.12.2016

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Сейчас в интернете много тем насчет меню например http://ruseller.com/lessons.php?rub=2&id=1088
Расскажите как сделать выпадающее меню для wordpress сейчас у меня меню имеет такой вид:
home.php

 'nav', 'theme_location' => 'primary','fallback_cb'=>  '' ) ); ?>

CSS файл
использование #menu a, и :hover

css

akentievs

Оцените автора

Добавить комментарий

akentievs автор 19.07.2011 в 14:05

Наверное стоит ксс код выложить вот
#menu{font:normal 11px arial; height:23px; background-color:#666; line-height:23px; list-style:none}

#menu a{padding:0px 6px; display:block; float:left; background-color:#666; border-right:1px solid #7c7c7c}

*:first-child+html #menu li, *:first-child+html #nav li{display:inline}

#menu a:hover{padding:0px 6px; display:block; float:left; background-color:#5b7b9f}

Ответить
KARTOH 19.07.2011 в 14:10

я для своего сделал примерно так:
http://cssmenumaker.com/builder/menu_info.php?menu=057 — основу зял
и с помощью https://n-wp.ru/kak-dobavit-novoe-navigatsionnoe-menyu-v-staruyu-temu/
чюднинько все организовал)

Ответить
akentievs автор 19.07.2011 в 14:30

https://n-wp.ru/kak-dobavit-novoe-navigatsionnoe-menyu-v-staruyu-temu/ в комментариях даже пишут что теперь меню не раскрывается… а какой вы тип меню используете через nav или ul?

Ответить
akentievs автор 19.07.2011 в 14:31

точнее nav и list

Ответить
KARTOH 19.07.2011 в 14:40

nav
у мя была трабла.. там когда создаешь меню надо выпадающие элементы отодвигать в право))) а так все оч просто и удобно)))
и еще все правельно опиши в цсс и вообще никаких проблем)

Ответить
19.07.2011 в 14:42

Используйте, пожалуйста, для вставки кода соответствующую кнопку. Иначе получается разговор глухого с немым.

Ответить
akentievs автор 19.07.2011 в 16:57
расскажу еще раз. Итак писал шаблон вроде все работает но заметил что меню не работает как выподающий список Вордпресс чистая накасячить не мог. Делаю подменю в АЦ, а на сайте отображается просто как список, подскажите что я не так делаю? Тов. Картон скинул ссылку на соседнею тему в ней пользователь пишет тоже не получается

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

вот мой код:
```
<?php wp_nav_menu(array( 'menu_id' => 'nav', 'theme_location' => 'primary','fallback_cb'=>  '' ) ); ?>
```
И css
```
#menu{font:normal 11px arial; height:23px;  background-color:#666; line-height:23px; list-style:none}

#menu a{padding:0px 6px; display:block; float:left; background-color:#666; border-right:1px solid #7c7c7c}

*:first-child+html #menu li, *:first-child+html #nav li{display:inline}

#menu a:hover{padding:0px 6px; display:block; float:left; background-color:#5b7b9f}
```
Что не так? хотелось бы выпадающий список…
Ответить
1. nail 20.07.2011 в 09:57
  Попробуй так.
```
<?php wp_nav_menu(array( 'menu_id' => 'nav', 'theme_location' => 'primary') ); ?>
```
  Хотя у меня вот так
```
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) );  ?>
```
  Ответить
20.07.2011 в 08:11

Попробуйте Dropdown Menu Widget.

Ответить