Цветное меню в блок сайта uCoz - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Скрипты для uCoz » Вертикальное меню для сайта uCoz » Цветное меню в блок сайта uCoz

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Цветное меню в блок сайта uCoz

Разноцветное вертикальное меню в блок сайта




Вертикальное меню с раздвигающимся эффектом полностью адаптировано для применения на сайте uCoz.Меню состоит из разноцветных пунктов при нажатии на которые происходит открытие вложенных подпунктов.Само открытие сопровождается эффектом своеобразного ударения, что добавляет менюшке оригинальности.Для установки потребуется скопировать 1 файл стилей и 2 файла скриптов в верхнюю часть сайта.Основную часть меню можно добавить через конструктор создав дополнительный блок для него.Менюха работает при подключенной библиотеки jQuery, она подключена на сайтах юКоз по умолчанию.





Коды для установки в верхнюю часть сайта


<link rel="stylesheet" type="text/css" href="http://delaisait.ucoz.ru/script/menu/css/2013/iStu10.css" />
<script type="text/javascript" src="http://delaisait.ucoz.ru/script/menu/js/2013/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://delaisait.ucoz.ru/script/menu/js/2013/iStu10.js"></script>



Код с основной частью меню для установки через конструктор


<ul class="iStu10">
<li class="iStu10Top">
<a href="#url" class="iStu10TopA iStu10TopP1">Пункт 1</a>
<ul class="iStu10drop dp1">
<li><a href="#url">Подпункт 1</a></li>
<li><a href="#url">Подпункт 2</a></li>
<li><a href="#url">Подпункт 3</a></li>
<li><a href="#url">Подпункт 4</a></li>
<li><a href="#url">Подпункт 5</a></li>
</ul>
</li>
<li class="iStu10Top">
<a href="#url" class="iStu10TopA iStu10TopP2">Пункт 2</a>
<ul class="iStu10drop dp2">
<li><a href="#url">Подпункт 1</a></li>
<li><a href="#url">Подпункт 2</a></li>
<li><a href="#url">Подпункт 3</a></li>
<li><a href="#url">Подпункт 4</a></li>
</ul>
</li>
<li class="iStu10Top">
<a href="#url" class="iStu10TopA iStu10TopP3">Пункт 3</a>
<ul class="iStu10drop dp3">
<li><a href="#url">Подпункт 1</a></li>
<li><a href="#url">Подпункт 2</a></li>
<li><a href="#url">Подпункт 3</a></li>
<li><a href="#url">Подпункт 4</a></li>
<li><a href="#url">Подпункт 5</a></li>
<li><a href="#url">Подпункт 6</a></li>
</ul>
</li>
<li class="iStu10Top">
<a href="#url" class="iStu10TopA iStu10TopP4">Пункт 4</a>
<ul class="iStu10drop dp4">
<li><a href="#url">Подпункт 1</a></li>
<li><a href="#url">Подпункт 2</a></li>
<li><a href="#url">Подпункт 3</a></li>
<li><a href="#url">Подпункт 4</a></li>
</ul>
</li>
<li class="iStu10Top">
<a href="#url" class="iStu10TopA iStu10TopP5">Пункт 5</a>
<ul class="iStu10drop dp5">
<li><a href="#url">Подпункт 1</a></li>
<li><a href="#url">Подпункт 2</a></li>
<li><a href="#url">Подпункт 3</a></li>
<li><a href="#url">Подпункт 4</a></li>
</ul>
</li>
</ul>



Меню в подключенном состоянии









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 2358 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: Menu, конструктор, block, меню, uCoz, юкоз

    Всего комментариев: 3
    0   Спам
    2 greyswandir   (13.11.2013 12:53)
    Аватар greyswandir большое спасибо!
    booze

    0   Спам
    3 IZOTOP   (14.11.2013 13:38)
    Аватар IZOTOP Все ангелы мне о своём говорят, Ты прав от души.
    Спасибо Брат

    0   Спам
    1 greyswandir   (11.11.2013 09:33)
    Аватар greyswandir Подскажите, как увеличить количество блоков? sad


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]