Question

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

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

Шаблон дизайна №949

Answer 1

Советуем рассмотреть варианты меню на этом сайте : https://yraaa.ru/search/%D0%BC%D0%B5%D0%BD%D1%8E

Comments

И все равно мне не понятно, как именно вставлять коды html и css, чтобы все заработало. Я попыталась повторить из присланного Вами списка, но ничего так и не изменилось на сайте.  Допустим, если взять вот такое меню: https://yraaa.ru/blogs/vertikalnoe-menu-css3  Как вставить его в мои шаблон?

---

Ольга Митрофанова,

К данному материалу по ссылке имеется инструкция по установке, что вы проделали для того, чтобы что-то получилось?

---

Yuri_Geruk,

Все делала по инструкции. Сначала вставила код в свою таблицу CSS, а затем код html в Страницы сайта в самом конце после всех кодов. Но все равно не работает почему-то. Может не туда всталять надо? Но тогда куда именно нужно?

---

Ольга Митрофанова,

Не увидели ничего в вашем коде чтобы вы установили и пробовали установить, извините, но результата вашей работы мы не увидели, а за вас установить не сможем.

Код для блока меню нужно установить в первом контейнере, в самый низ:

<nav class="side-nav">
  <a href="index.html" class="side-nav-button">Главная</a>
  <a href="index.html" class="side-nav-button active">Портфолио</a>
  <a href="index.html" class="side-nav-button">Сервисы</a>
  <a href="index.html" class="side-nav-button">Блог</a>
  <a href="index.html" class="side-nav-button">Контакты</a>
  </nav>

стили установить в таблицу стилей CSS в самый низ после всех стилей.

---

Yuri_Geruk,

Спасибо большое за помощь!   Но было решено такие кнопки не делать на нашем сайте, а ограничится возможностями данного дизайна.