Раскрывающееся горизонтальное меню

Sproot

Истенный Атомовод
Админ
323
Репутация:12
Предупреждения: 0
Регистрация:
9 Апр 2012

Отправлено: 20 Авг 2012#1

Вообщем проблема такая
Взял шаблон адаптации Jevgenj уж очень он мне понравился http://knigi.16mb.com/ тут пример
так вот там где "Downloads скачать бесплатно" самый нижний раздел "музыка" и в нём есть вложения в которых ещё вложения
задача такое же сделать во всех пунктах : программы, игры, фильмы
вот кусок меню

Code:

Библиотека для программиста

Вернуться к началу Профиль site Цитировать

jevgenj

Истенный Атомовод
Пользователь
344
Репутация:24
Предупреждения: 0
Регистрация:
4 Фев 2012

Отправлено: 20 Авг 2012#2

вот сделал

Code:

<ul class="menutop">
  <li class="active root"> <a class="orphan item bullet" href="/" > <span> Главная страница </span> </a> </li>
  <li class="parent root"> <a class="daddy item bullet subtext nolink" href="/load/" > <span> Downloads <em>Скачать бесплатно</em></span> </a>
    <div class="fusion-submenu-wrapper level2">
      <div class="drop-top"></div>
      <ul class=" level2">
        <li class="item"> <a href="/" class="daddy item bullet"> <span> Программы </span> </a>
          <div class="fusion-submenu-wrapper level3">
            <div class="drop-top"></div>
            <ul class=" level3">
              <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
              <li class="item"> <a href="/" class="daddy item bullet"> <span> Название2 </span> </a>
                <div class="fusion-submenu-wrapper level4">
                  <div class="drop-top"></div>
                  <ul class=" level4">
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название2 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название3 </span> </a> </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </li>

        <li class="item"> <a href="/" class="daddy item bullet"> <span> Игры </span> </a>
          <div class="fusion-submenu-wrapper level3">
            <div class="drop-top"></div>
            <ul class=" level3">
              <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
              <li class="item"> <a href="/" class="daddy item bullet"> <span> Название2 </span> </a>
                <div class="fusion-submenu-wrapper level4">
                  <div class="drop-top"></div>
                  <ul class=" level4">
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название2 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название3 </span> </a> </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </li>

        <li class="item"> <a href="/" class="daddy item bullet"> <span> Фильмы </span> </a>
          <div class="fusion-submenu-wrapper level3">
            <div class="drop-top"></div>
            <ul class=" level3">
              <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
              <li class="item"> <a href="/" class="daddy item bullet"> <span> Название2 </span> </a>
                <div class="fusion-submenu-wrapper level4">
                  <div class="drop-top"></div>
                  <ul class=" level4">
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название2 </span> </a> </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </li>

        <li class="item"> <a href="/" class="daddy item bullet"> <span> Музыка </span> </a>
          <div class="fusion-submenu-wrapper level3">
            <div class="drop-top"></div>
            <ul class=" level3">
              <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
              <li class="item"> <a href="/" class="daddy item bullet"> <span> Название2 </span> </a>
                <div class="fusion-submenu-wrapper level4">
                  <div class="drop-top"></div>
                  <ul class=" level4">
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название1 </span> </a> </li>
                    <li class="item"> <a href="/" class="orphan item bullet"> <span> Название2 </span> </a> </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>

шаблоны потихоньку адаптирую
хостинг для сайта идеальный вариант за бесплатно http://api.3owl.com/redir/3710254/

Вернуться к началу Профиль site Цитировать