« CSS блок меню для uCoz »

Описание материала:

Здравствуйте уважаемые гости и пользователи нашего сайта. В данном материале, мы будем добавлять в блок контейнеров, меню в стиле Accordion. Меню сделано из CSS,JS и HTML кодов. Это меню сделано для того чтоб показывать, гостям и пользователям описание какого-то раздела или сайта. При установке меню на свой сайт, вы увидите в блоке, меню с тремя разделами, при нажатие на один из разделов, он плавно открывается в низ и Вы увидите описание. В каждом разделе свой лимит символов, это вы увидите в коде. Да что еще забыл написать, ширина данного меню 292px, но вы легко можете его сделать шире или уже, заменив свой размер на тот который стоит в CSS.

Установка:
1. Скачиваем архив с нашего сайта и загружаем папку block_menu в корень своего сайта
2. Заходим в ПУ - Управление дизайном - Контейнер(Первый или Второй, это уже ваш выбор) и в то место, где вы хотите видеть меню, ставим данный код:

Код
<link rel="stylesheet" type="text/css" href="/block_menu/css/style.css" />
<script type="text/javascript" src="/block_menu/js/modernizr.custom.29473.js"></script>
<section class="ac-container">
<div>
<input id="ac-1" name="accordion-1" type="checkbox" />
<label for="ac-1">Название</label>
<article class="ac-small">
<p>Тут ваше описание, не больше 140 символов</p>
</article>
</div>
<div>
<input id="ac-2" name="accordion-1" type="checkbox" />
<label for="ac-2">Название</label>
<article class="ac-medium">
<p>Тут ваше описание, не больше 415 символов</p>
</article>
</div>
<div>
<input id="ac-3" name="accordion-1" type="checkbox" />
<label for="ac-3">Название</label>
<article class="ac-large">
<p>Тут ваше описание, не больше 525 символов</p>
</article>
</div>
</section>


Готово!


Скачать ( Размер архива 151.3 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Демонстрация

Демонстративная страница или сайт материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 475 | Загрузок: 16

Теги к материалу: меню, для, ucoz, блок, css

Поделиться в соц. сетях:
Комментариев к материалу: 2
Спасибо. А картинки и флэш не будут работать в этом меню ?
1
Виктор Ягодин 19.02.2016 в 12:35
Не могу сказать, так как не пробовал. Попробуйте вы и заодно скажите нам)
0
avatar