Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 3
Гостей: 3
Пользователей: 0

Сайт сегодня посетили:

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

Главная » Скрипты для uCoz » Вертикальное раздвижное меню для uCoz
Вертикальное раздвижное меню для uCoz для uCoz

Хорошо пойдет под любой сайт и под любой шаблон.

В конец css ставим:

Code
.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;}

Там где хотим видеть меню ставим это:
Code
<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="http://rucoz.com/news/skripty_dlja_ucoz/1-0-2">Скрипты для uCoz</a>  
  <li><a href="http://rucoz.com/">Все для uCoz</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>
Просмотров: 1454 | Комментариев: 1 | Опубликовал: DizeL | Дата: 23.07.2010

 11.01.2010   

 

 Уведомление об испо... 

 14.03.2010   

 

 flash часы черного ... 

 20.09.2009   

 

 блок Ваш банер 

 23.01.2009   

 

 Изменения В Протоко... 

 02.09.2010   

 

 Скрипт "Оценит... 


Всего комментариев: 1
 
  0 1 D1nGo 27.07.2010 17:59:39 Вот одно НО,слишком ширикое ) а так все норма Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.