| Бармен | Дата: Пятница, 19.02.2016, 17:02 | Сообщение # 1 |
 Подполковник
Группа: Военные
Сообщений: 146
Статус:  |
Здравствуйте уважаемые гости и пользователи нашего сайта. В данном материале, мы будем добавлять в блок контейнеров, меню в стиле 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>
Готово!
|
| |
| |
){kind=link}