Современное меню с SVG элементами
827материалов
228тем на форуме
3004комментария
6159пользователей

Современное меню с SVG элементами


Что такое SVG:

SVG расшифровывается как масштабируемая векторная графика(scalable vector graphics). Это формат на основе языка разметки XML, который поддерживает анимацию и интерактивность. Другими словами, SVG — это технология, которая позволяет создавать изображения с помощью написания кода в текстовом редакторе. Кроме того, SVG является масштабируемым. В отличие от растровых форматов изображений, таких как PNG и JPEG, которые не могут изменять размеры без потери качества, SVG может масштабироваться до любого размера.

Установка:

Для начала скачиваем архив с нашего сайта и папку sovremennoe-menu загружаете в свой файловый менеджер

Потом подключает CSS стили между <head></head>:
Код
<link rel="stylesheet" href="/sovremennoe-menu/menu.css">
<link rel="stylesheet" href="/sovremennoe-menu/icons.css">

или в центральный CSS вставляете код:
Код
@import url("/sovremennoe-menu/menu.css");
@import url("/sovremennoe-menu/icons.css");

Перед закрывающим тегом </body> вставляете код:
Код
<script src="/sovremennoe-menu/menu.js"></script>

И само меню:
Код
<nav id="bt-menu" class="bt-menu">
                 <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
                 <ul>
                 <li><a href="../team" title="Наша команда" class="icon icon-home">Home</a></li>
                 <li><a href="../clients" title="Клиенты" class="icon icon-partner">Clients</a></li>
                 <li><a href="../reviews" title="Отзывы" class="icon icon-bullhorn">Reviews</a></li>
                 <li><a href="../services" title="Услуги" class="icon icon-list">Services</a></li>
                 <li><a href="../faq" title="Вопросы и ответы" class="icon icon-faq">FAQ</a></li>
                 <li><a href="../articles" title="Публикации" class="icon icon-web">Articles</a></li>
                 <li><a href="../" title="Контакты" class="icon icon-contacts">Contact</a></li>
                 </ul>
                 </nav>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 05.10.2016 в 16:40
Материал просмотрен: 1482 раза
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо
Источник

2 комментария


OgorodUA
Красивое меню, современное.
Albina-Danes
Не плохое меню like
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта