prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


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


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

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


Меню вытащил: 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
Просмотры: 62649 VIP ProWebber | Комментарии (32)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1NoMaNt

  • 23 апреля 2010 17:44
  • Регистрация: 29.12.2009
  • ICQ: --
  • Комментариев: 76
  • Выкл.
К моему шабу не подошло!(стрёмно смотрится)

0

#2Jr

  • 23 апреля 2010 17:45
  • Регистрация: 12.09.2009
  • ICQ: --
  • Комментариев: 46
разбираем скриптерс по частям cool

0

#3MysterIoes

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

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

0

#4James026

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

0

#5MysterIoes

  • 23 апреля 2010 17:54
  • Регистрация: 22.11.2009
  • ICQ: --
  • Комментариев: 356
Jr,
там разбирать нечего, верстка легкая smile

0

#6-=MaD_DoG=-

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

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

0

#7NoMaNt

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

0

#85Nizza

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

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


+1

#9Pheox

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

0

#10MysterIoes

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

0

#11kiosaki

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

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

0

#12MysterIoes

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

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

0

#13NoMaNt

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

0

#14kiosaki

  • 23 апреля 2010 21:59
  • Регистрация: 2.09.2009
  • ICQ: --
  • Комментариев: 171
Цитата: MysterIoes
можно рипнуть, и все, если что я там по ковыряюсь.

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

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

0

#15Golian

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

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

0

#16xromik

  • 24 апреля 2010 14:20
  • Регистрация: 24.04.2010
  • ICQ: --
  • Комментариев: 1
Ocenj krosivo i klastno

0

#17alinastudio

  • 26 апреля 2010 02:47
  • Регистрация: 23.04.2010
  • ICQ: --
  • Комментариев: 10
Спасибо. Давно искал.

0

#18kaban

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

0

#19ToopUp

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

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

0

#20salamon

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки