Поиск  Пользователи  Правила 
Закрыть
Логин:
Пароль:
Забыли свой пароль?
Войти
 
Страницы: 1
Как сделать 2 уровневое (не выпадающее) меню
Господа, помогите новичку разобраться, пожалуйста! В общем есть меню с выпадающим подменю
такое вот:
.
А нужно вот такое:
.
Есть же здесь гуру, так помогите новичку, пожалуйста!
Изменено: Леонид Шинкаренко - 21.10.2014 13:31:13
Вопрос скорее не к битриксу, а к вёрстке.
Если есть статичная вёрстка нужного меню, то далее просто копируете шаблон компонента меню в шаблон сайта и подставляйте вёрстку.

Т.е. быстрее наверное будет вместо вас вёрстку внедрить, чем объяснить.

Хороший пример реализации этой задачи был в статье
Алексей! В Вашем примере меню тоже с выпадающим подменю (. А мне нужно так: Пункт меню верхнего уровня, за ним пункты подменю деток. И чтобы ничего не закрывалось
Изменено: Леонид Шинкаренко - 21.10.2014 12:10:44
Цитата
Леонид Шинкаренко пишет:
Алексей! В Вашем примере меню тоже с выпадающим подменю (. А мне нужно так: Пункт меню верхнего уровня, за ним пункты подменю деток. И чтобы ничего не закрывалось
Это не принципиально.

Код
<ul style="display: none;">         
<li><a href="#">Welcome Message</a></li>
<li class="sub-menu"><a href="/about/profile/">Company Profile</a>
   <ul>
      <li><a href="#">Our Capabilities</a></li>
      <li><a href="#">Advantages</a></li>
      <li><a href="#">Work Team</a></li>
      <li><a href="#">Partnership</a></li>
      <li><a href="#">Support</a></li>
   </ul>
</li>
<li><a href="#">Our History</a></li>
<li><a href="#">Testimonials</a></li>
</ul>

Вот так выглядит html разметка из моего примера.
Как видите это просто 2 списка (один вложен в другой).
То, что они выпадающими отображаются - заслуга CSS.
Как верстальщик вам сверстает, так и отобразятся.
Точно так же может выглядеть код для вашего списка. Только CSS будет другой.
Т.е. если ваш пример вас устраивает, то просто берёте из него разметку и CSS и действуете по образцу из урока. Сработает.
Спасибо! Сработало!!!
Страницы: 1
Читают тему (гостей: 2, пользователей: 0, из них скрытых: 0)
________________________________________________________________

Новости IT

Статьи

Форум

Композитный сайт

Битрикс24

Команда

Проекты, которым мы помогли

Если вам нужен сайт

a@coffeediz.ru

Готовые решения