Мы в твиттере Мы в телеграме!

Провеббер » Web » Скрипты » Вертикальное раздвижное меню

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Вертикальное раздвижное меню

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Вертикальное раздвижное меню.

Вертикальное раздвижное меню



Меню вытащил: MysterIoes

Описание: Пойдет под любой сайт и под любой шаблон.

Сделал по просьбе!

Установка:

в конец css ставим:
.block{width:218px;float:left;padding:0 0 10px 0;*float:none;}
.greenblock_header{background:url(../images/greenblock_header.gif) no-repeat;width:209px;height:39px;}
.greenblock_header h3{padding:11px 0 0 36px;*padding:12px 0 0 36px;}
.block_center{background:url(../images/block_center.gif) repeat-y;width:209px;float:left;padding:0 0 2px 0;}
.block_centertxt{padding:15px 10px 0 10px;}
.block_bot{background:url(../images/block_bot.gif) no-repeat;width:209px;height:10px;float:left;}

.leftmenu{padding:5px 0 0 0;}
.leftmenu_cat{background:#F2F2F2;text-align:center;padding:5px 0 5px 0;color:#4fbeeb;border-bottom:1px solid #EDEDED;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
.leftmenu_catbg{padding:3px 0 0 0;}

ul.leftmenu_list{padding:0;margin:0;list-style:none;}
ul.leftmenu_list li{border-bottom:1px solid #EDEDED;padding:5px 0 5px 10px;}
ul.leftmenu_list li a{color:#626262;}
ul.leftmenu_list li a:hover{color:#4fbeeb;text-decoration: underline;}


Там где хотим видеть меню ставим это:
<div class="block"> 
          <div class="greenblock_header"><h3>Навигация</h3></div>
          <div class="block_center">
             <div class="leftmenu">
                <div class="leftmenu_cat">Движки сайтов</div>
        <ul class="leftmenu_list">
                              <li><a title="Datalife Engine" href="javascript:ShowOrHide('menu1');">Datalife Engine</a></li>
                              <div id="menu1" style="display:none;">
                              <ul>
                              <li><a href="/dle_relizi/">Релизы</a>
                              <li><a href="/bugs/">Баг-Фиксы</a>
                              <li><a href="/dle_sborki/">Сборки</a>
                              <li><a href="/dle_haki/">Хаки</a>
                              <li><a href="/dle_moduli/">Модули</a>
                              <li><a href="/dle_moduli_commercial/">Модули(платные)</a>
                              <li><a href="/dle_templates/">Шаблоны</a>
                              <li><a href="/dle_templates_commercial/">Шаблоны(платные)</a>
                              <li><a href="/dle_raznoe/">Разное</a>
                              </ul>
                              </div>
                              <li><a title="ProWebber.Ru" href="javascript:ShowOrHide('menu2');">Joomla</a></li>
                              <div id="menu2" style="display:none;">
                              <ul>
                              <li><a href="#">Релизы</a>
                              <li><a href="#">Баг-Фиксы</a>
                              <li><a href="#">Сборки</a>
                              <li><a href="#">Хаки</a>
                              <li><a href="#">Модули</a>
                              <li><a href="#">Модули(платные)</a>
                              <li><a href="#">Шаблоны</a>
                              <li><a href="#">Шаблоны(платные)</a>
                              <li><a href="#">Разное</a>
                              </ul>
                              </div>

        </ul>
        <div class="leftmenu_cat">ProWebber.ru</div>
        <ul class="leftmenu_list">
                              <li><a title="MysterIoes" href="javascript:ShowOrHide('menu3');">MysterIoes</a></li>
                              <div id="menu3" style="display:none;">
                              <ul>
                              <li><a href="#">Релизы</a>
                              <li><a href="#">Баг-Фиксы</a>
                              <li><a href="#">Сборки</a>
                              <li><a href="#">Хаки</a>
                              <li><a href="#">Модули</a>
                              <li><a href="#">Модули(платные)</a>
                              <li><a href="#">Шаблоны</a>
                              <li><a href="#">Шаблоны(платные)</a>
                              <li><a href="#">Разное</a>
                              </ul>
               </div>                          

        </ul>

             </div>
          </div>
          <div class="block_bot"></div>
       </div>

Ссылки меняем на свои.
Ну и качаем картинки и кидаем в папку images
Внимание! У Вас нет прав для просмотра скрытого текста.


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


-1
Просмотры: 65 808 :: Комментарии (32) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1NoMaNt

  • 23 апреля 2010 17:44
  • Регистрация: 29.12.2009
  • Был(а) онлайн: 24.08.2014
  • Комментариев: 76
  • 0
К моему шабу не подошло!(стрёмно смотрится)

#2Jr

  • 23 апреля 2010 17:45
  • Регистрация: 12.09.2009
  • Был(а) онлайн: 3.12.2012
  • Комментариев: 46
  • 0
разбираем скриптерс по частям cool

#3MysterIoes

  • 23 апреля 2010 17:49
  • Регистрация: 22.11.2009
  • Был(а) онлайн: 15.02.2014
  • Комментариев: 356
  • 0
NoMaNt,
покажите, может не в то место вставили? и не забываем в стиле css
строку
.block{width:218px;float:left;padding:0 0 10px 0;*float:none;}

218 px - ширина блока

#4James026

  • 23 апреля 2010 17:52
  • Регистрация: 23.12.2009
  • Был(а) онлайн: 16.05.2012
  • Комментариев: 49
  • 0
эх,както недавно требовался)

#5MysterIoes

  • 23 апреля 2010 17:54
  • Регистрация: 22.11.2009
  • Был(а) онлайн: 15.02.2014
  • Комментариев: 356
  • 0
Jr,
там разбирать нечего, верстка легкая smile

#6-=MaD_DoG=-

  • 23 апреля 2010 18:28
  • Регистрация: 9.02.2010
  • Был(а) онлайн: 5.12.2012
  • Комментариев: 223
  • 0
Картинки чуть переделал под свою ширину, подправил в css и отлично))))

--------------------

#7NoMaNt

  • 23 апреля 2010 19:01
  • Регистрация: 29.12.2009
  • Был(а) онлайн: 24.08.2014
  • Комментариев: 76
  • 0
MysterIoes,
Я всё правильно сделал)))я нуб в DLE но не на столько))

#85Nizza

  • 23 апреля 2010 19:09
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.10.2024
  • Комментариев: 343
  • +1
biggrin подходит всё когда руки растут с нужного места) и хватает мозгов вписать нужные параметры smile а когда нихера ничего не понимаешь и какой параметр за что отвечает ясен фиг ничего не подойдёт ) так что нечего тут кричать что не подходит... всё зависит от кривоты руг и количества извилин в вашем моСка...

Илюх спасибо ) сделал за меня то что я хотел себе выдерать на мой шаб на один в задумке такая же минюха


#9Pheox

  • 23 апреля 2010 19:23
  • Регистрация: 13.07.2009
  • Был(а) онлайн: 12.07.2012
  • Комментариев: 172
  • 0
Вот тут действительно благодорю.

#10MysterIoes

  • 23 апреля 2010 20:53
  • Регистрация: 22.11.2009
  • Был(а) онлайн: 15.02.2014
  • Комментариев: 356
  • 0
5Nizza,
Pheox,
blush ну я прям в краске. Не за что, если еще кому какая менюшка понадобится я к вашим услугам smile

#11kiosaki

  • 23 апреля 2010 21:15
  • Регистрация: 2.09.2009
  • Был(а) онлайн: 5.03.2024
  • Комментариев: 177
  • 0
MysterIoes - А вот такое меню, как привинтить к ДЛЕ?
http://www.ign.com/ верхнее меню, всплывает, когда подводишь , целый список того, что в пункте меню.

И вопрос по данной теме:
href="javascript:ShowOrHide('menu1');" - это же получается минискриптик - поисковики точно такое меню нормально прочтут?

#12MysterIoes

  • 23 апреля 2010 21:26
  • Регистрация: 22.11.2009
  • Был(а) онлайн: 15.02.2014
  • Комментариев: 356
  • 0
kiosaki,
можно рипнуть, и все, если что я там по ковыряюсь.
Цитата: kiosaki
это же получается минискриптик - поисковики точно такое меню нормально прочтут?

biggrin у скритерса же читают, и это в общее роли не играет, это скрипт раздвига, причем тут поисковики biggrin

#13NoMaNt

  • 23 апреля 2010 21:37
  • Регистрация: 29.12.2009
  • Был(а) онлайн: 24.08.2014
  • Комментариев: 76
  • 0
5Nizza,
Руки не кривые smile просто влом переделывать)))если время найдётся то переделаю))

#14kiosaki

  • 23 апреля 2010 21:59
  • Регистрация: 2.09.2009
  • Был(а) онлайн: 5.03.2024
  • Комментариев: 177
  • 0
Цитата: MysterIoes
можно рипнуть, и все, если что я там по ковыряюсь.

Было бы супер!

Спасибо, что ответил.

#15Golian

  • 23 апреля 2010 22:31
  • Регистрация: 13.02.2010
  • Был(а) онлайн: 2.11.2020
  • Комментариев: 40
  • 0
Спасибо, я вот давно пытался найти что то похожее правда все было некрасиво, а тут все на блюдечке, СПАСИБО good

--------------------

#16xromik

  • 24 апреля 2010 14:20
  • Регистрация: 24.04.2010
  • Был(а) онлайн: 3.07.2012
  • Комментариев: 1
  • 0
Ocenj krosivo i klastno

#17alinastudio

  • 26 апреля 2010 02:47
  • Регистрация: 23.04.2010
  • Был(а) онлайн: 17.12.2012
  • Комментариев: 10
  • 0
Спасибо. Давно искал.

#18kaban

  • 13 мая 2010 14:33
  • Регистрация: 11.02.2010
  • Был(а) онлайн: 26.08.2014
  • Комментариев: 41
  • 0
cool а как сделать чтоб при открытии одного пункта меню, предыдущее закрывалось(если оно открыто)

#19ToopUp

  • 13 мая 2010 22:18
  • Регистрация: 7.05.2010
  • Был(а) онлайн: 12.06.2013
  • Комментариев: 74
  • 0
ставил на kasseler-cms, само меню есть, но не раздвигается...че не так???

--------------------

#20salamon

  • 15 мая 2010 12:03
  • Регистрация: 15.05.2010
  • Был(а) онлайн: 18.11.2010
  • Комментариев: 10
  • 0
ToopUp, глянь в css возможно у тебя некоторые классы уже определены . У меня работает

1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)

Последние комментарии: