Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Последние сообщения
Ответить
1

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

Sproot

  • Истенный Атомовод
  • Админ
  • 323
  • Репутация:12 
  • Предупреждения: 0 
  • Регистрация:
    9 Апр 2012
#1
Вообщем проблема такая
Взял шаблон адаптации Jevgenj уж очень он мне понравился http://knigi.16mb.com/ тут пример
так вот там где "Downloads скачать бесплатно" самый нижний раздел "музыка" и в нём есть вложения в которых ещё вложения
задача такое же сделать во всех пунктах : программы, игры, фильмы
вот кусок меню
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="orphan item bullet"> <span> Программы </span> </a>

 



 </li>

        <li class="item"> <a href="/" class="orphan item bullet"> <span> Игры </span> </a> </li>

        <li class="item"> <a href="/" class="orphan item bullet"> <span> Фильмы </span> </a> </li>

<li class="item"> <a href="/" class="orphan item bullet"> <span> Программы </span> </a> </li>

        <li class="item"> <a href="/" class="orphan item bullet"> <span> Игры </span> </a> </li>

        <li class="item"> <a href="/" class="orphan item bullet"> <span> Фильмы </span> </a> </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>

  <li class="parent root"> <a class="daddy item bullet subtext nolink" href="/forum/" > <span> Форум <em>Общайся с нами</em></span> </a>

    <div class="fusion-submenu-wrapper level2">

      <div class="drop-top"></div>

      <ul class=" level2">

        <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>

        <li class="item"> <a href="/" class="orphan item bullet"> <span> Тема4 </span> </a> </li>

      </ul>

    </div>

  </li>

jevgenj

  • Истенный Атомовод
  • Пользователь
  • 344
  • Репутация:24 
  • Предупреждения: 0 
  • Регистрация:
    4 Фев 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/
1
Сейчас online: 30. Зарегистрированных: 1. Гостей: 29.