MENU
Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz

Выдвижное меню для uCoz

01.06.2015, 13:31
Выдвижное меню для uCoz. Хочу предоставить вашему внимание выдвижное меню для uCoz, меню довольно простое, но очень хорошо сделана. Это меню подходит под светлый дизайн сайта, в меню есть иконки.

Установка:
1. Вставляем данный код, в гл. блок и редактируем под себя

Код
<tr><td class="b-middle" style="padding:0px 7px 0px 7px">  
  <style type="text/css">  
  a.diz-a_menu-main, a.diz-a_menu-main:visited {display:block; padding:3px 5px 3px 5px; background:#FAFAFA; border-top:1px solid #fff; border-bottom:1px solid #E8E8E8; color:#696969; font-weight:bold; text-shadow:0px 1px 0px #fff;}  
  a.diz-a_menu-main:hover, a.diz-a_menu-main:active {color:#696969; background:#F0F0F0;}  
  .diz-a_menu-box {-moz-box-shadow:0px 0px 3px #aaaaaa inset; -webkit-box-shadow:0px 0px 3px #aaaaaa inset; box-shadow:0px 0px 3px #aaaaaa inset;}  
  </style>  
  <a class="diz-a_menu-main" href="/load"><img src="/menu/home.png" align="absmiddle" width="16"> Главная страница </a>  
  <a class="diz-a_menu-main" href="/load"><img src="/menu/forum.png" align="absmiddle" width="16"> Форум сайта </a>  
  <a class="diz-a_menu-main" href="/load"><img src="/menu/myz.png" align="absmiddle" width="16"> Онлайн Музыка</a>  
  <a class="diz-a_menu-main" href="/load"><img src="/menu/video.png" align="absmiddle" width="16"> Онлайн Видео</a>  
  <A class="diz-a_menu-main" href="/load"><img src="/menu/onlain_ps.png" align="absmiddle" width="16"> Онлайн PhotoShop</A>  
  <!-- menumx5 -->  
  <a href="javascript://" onclick="$('#menumx5').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/soft.png" align="absmiddle" width="16"> Софт для PC <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx5" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Разные программы</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Мультимедия</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Безопасность</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Для раскрутки сайта</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Графика</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> ОС и сборки</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Офис</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Драйвера</A></div>  
  <!-- /menumx5 -->  
  <!-- menumx3 -->  
  <a href="javascript://" onclick="$('#menumx3').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/ucoz.png" align="absmiddle" width="16"> Система uCoz <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx3" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16">Скрипты</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16">Шаблоны</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16">Шапки</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16">Иконки групп</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16">Иконки для форума</A></div>  
  <!-- /menumx3 -->  
  <!-- menumx7 -->  
  <a href="javascript://" onclick="$('#menumx7').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/dle.png" align="absmiddle" width="16"> DataLife Engine <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx7" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Скрипты</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Модули</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Шаблоны</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Разное</A></div>  
  <!-- /menumx7 -->  
  <!-- menumx8 -->  
  <a href="javascript://" onclick="$('#menumx8').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/kreativ.gif" align="absmiddle" width="16"> Персонализация <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx8" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/theme.png" align="absmiddle" width="16"> Темы для Windows</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Гаджеты</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Обои, картинки</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Курсоры</A></div>  
  <!-- /menumx8 -->  
  <!-- menumx4 -->  
  <a href="javascript://" onclick="$('#menumx4').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/ps.png.gif" align="absmiddle" width="16"> Adobe Photoshop <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx4" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> PSD исходники</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Стили </A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Кисти</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Шрифты</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Градиенты</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Рамки </A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Иконки</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Софт для Photoshop </A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Уроки Photoshop</A></div>  
  <!-- /menumx4 -->  
  <!-- menumx9 -->  
  <a href="javascript://" onclick="$('#menumx9').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/css.png" align="absmiddle" width="16"> Counter-Strike: Source <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx9" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href="/load/45"><img src="/menu/category.png" align="absmiddle" width="16"> Counter-Strike: Sourсe</A>  
  <A class="diz-a_menu-main" href="/load/68"><img src="/menu/category.png" align="absmiddle" width="16"> Готовые сервера</A>  
  <A class="diz-a_menu-main" href="/load/46"><img src="/menu/category.png" align="absmiddle" width="16"> Модели игроков </A>  
  <A class="diz-a_menu-main" href="/load/51"><img src="/menu/category.png" align="absmiddle" width="16"> Патчи </A>  
  <A class="diz-a_menu-main" href="/load/48"><img src="/menu/category.png" align="absmiddle" width="16"> Программы </A>  
  <A class="diz-a_menu-main" href="/load/47"><img src="/menu/category.png" align="absmiddle" width="16"> Модели оружия </A>  
  <A class="diz-a_menu-main" href="/load/49"><img src="/menu/category.png" align="absmiddle" width="16"> Логотипы </A>  
  <A class="diz-a_menu-main" href="/load/50"><img src="/menu/category.png" align="absmiddle" width="16"> Карты </A>  
  <A class="diz-a_menu-main" href="/load/80"><img src="/menu/category.png" align="absmiddle" width="16"> Конфиги </A>  
  <A class="diz-a_menu-main" href="/load/52"><img src="/menu/category.png" align="absmiddle" width="16"> Меню </A>  
  <A class="diz-a_menu-main" href="/load/77"><img src="/menu/category.png" align="absmiddle" width="16"> Спрайты </A>  
  <A class="diz-a_menu-main" href="/load/53"><img src="/menu/category.png" align="absmiddle" width="16"> Боты </A></div>  
  <!-- /menumx9 -->  
  <!-- menumx10 -->  
  <a href="javascript://" onclick="$('#menumx10').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/cs.png" align="absmiddle" width="16"> Counter-Strike 1.6 <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx10" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href="/load/57"><img src="/menu/category.png" align="absmiddle" width="16"> Counter-Strike 1.6 </A>  
  <A class="diz-a_menu-main" href="/load/54"><img src="/menu/category.png" align="absmiddle" width="16"> Готовые сервера </A>  
  <A class="diz-a_menu-main" href="/load/59"><img src="/menu/category.png" align="absmiddle" width="16"> Модели игроков </A>  
  <A class="diz-a_menu-main" href="/load/71"><img src="/menu/category.png" align="absmiddle" width="16"> Моды </A>  
  <A class="diz-a_menu-main" href="/load/63"><img src="/menu/category.png" align="absmiddle" width="16"> Плагины </A>  
  <A class="diz-a_menu-main" href="/load/60"><img src="/menu/category.png" align="absmiddle" width="16"> Модели оружия </A>  
  <A class="diz-a_menu-main" href="/load/61"><img src="/menu/category.png" align="absmiddle" width="16"> Программы </A>  
  <A class="diz-a_menu-main" href="/load/79"><img src="/menu/category.png" align="absmiddle" width="16"> Конфиги </A>  
  <A class="diz-a_menu-main" href="/load/65"><img src="/menu/category.png" align="absmiddle" width="16"> Патчи </A>  
  <A class="diz-a_menu-main" href="/load/62"><img src="/menu/category.png" align="absmiddle" width="16"> Логотипы </A>  
  <A class="diz-a_menu-main" href="/load/64"><img src="/menu/category.png" align="absmiddle" width="16"> Карты </A>  
  <A class="diz-a_menu-main" href="/load/66"><img src="/menu/category.png" align="absmiddle" width="16"> Меню </A>  
  <A class="diz-a_menu-main" href="/load/75"><img src="/menu/category.png" align="absmiddle" width="16"> Звуки </A>  
  <A class="diz-a_menu-main" href="/load/78"><img src="/menu/category.png" align="absmiddle" width="16"> Спрайты </A>  
  <A class="diz-a_menu-main" href="/load/67"><img src="/menu/category.png" align="absmiddle" width="16"> Боты </A></div>  
  <!-- /menumx10 -->  
  <!-- menumx6 -->  
  <a href="javascript://" onclick="$('#menumx6').slideToggle('slow');" class="diz-a_menu-main">  
  <img src="/menu/games.png" align="absmiddle" width="16"> Игры/Games <img src="/menu/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx6" style="display: none; padding-left: 12px;">  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Игры для PC</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Игры для PS2</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Игры для PSP</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Игры для X-BOX 360</A>  
  <A class="diz-a_menu-main" href=""><img src="/menu/category.png" align="absmiddle" width="16"> Игры для PS3</A></div>  
  <!-- /menumx6 -->  
  <a class="diz-a_menu-main" href=""><img src="/menu/com.png" align="absmiddle" width="16"> Последние комментарии </a>  
  </td></tr>

2. Залейте папку "menu" из архива в файловый менеджер
Ну вот и вся установка.
Категория: Меню для uCoz | Добавил: Slavik | Теги: ucoz, для, Меню, Выдвижное
Просмотров: 496 | Загрузок:19 Скачать (26.8 Kb)






Всего комментариев: 0
Оставить свой комментарий

Используются технологии uCoz