Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Мусорка » Корзина [архив] » Вертикальное раздвижное меню для uCoz
Вертикальное раздвижное меню для uCoz
Torres_1_Дата: Четверг, 05.08.2010, 15:53 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline

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

В конец 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
Скачать :
Скачать
 
Torres_1_Дата: Пятница, 04.04.2014, 19:25 | Сообщение # 2
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Повтор:
http://www.fifagamers.ru/forum/61-150-1
 
Форум » Мусорка » Корзина [архив] » Вертикальное раздвижное меню для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ваша операционная система:
javascript:; javascript:;
Всего ответов: 147

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.