Раздер Название темы Ответов Последний
Графика для сайта Shareman 3.70 RUS/2010 0 mandelsonsouggisse
Изготовление контента Нужен контент 10 ali7875
DataLife Engine Проблема регистрации. 1 JimaX
DataLife Engine Модальное окно в DataLife Engine 3 lionprizrak
DataLife Engine Настройка robots.txt 8 Prizrak_2012
Стол заказов на cmsko.ru Мини-чат. 2 JimaX
Общение пользователей Статьи 3 nastroenie
Хостинг TneHost - Хстинг провайдер 10 ali7875
DataLife Engine Установка банеров 9 JimaX
DataLife Engine Помогите с установой. dle95 2 nastroenie
Яндекс Apdate
Апдейты Яndex тИЦ
25.09.2013Последний |
02.07.2013
23.05.2013
Апдейты Яndex выдачи
18.10.2013Последний |
17.10.2013
12.10.2013
Апдейты ЯКаталога
23.10.2013Последний |
22.10.2013
21.10.2013

Информация
Главная страница » Всё для uCoz » uCoz Хаки, советы » Вертикальное раздвижное меню как на skripters для uCoz
Вертикальное раздвижное меню как на skripters для uCoz
» Просмотров: 1937 » Дата: 15-01-2011, 18:38 » Автор: NeoMurderer

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

Установка:

В конец 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="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="" 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"></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>



Комментарии: 1 Теги: Вертикальное, раздвижное, меню, skripters, uCo
 (голосов: 4)
Елена(Гости) 11 июня 2011 21:09
А исходники где? С воздуха, что ли вдохнуть?
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.