регистрация
856материалов
3280комментариев
234темы на форуме
6809пользователей

Современное меню с 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
Материал просмотрен: 2816 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

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

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


OgorodUA
Красивое меню, современное.
Albina-Danes
Не плохое меню
avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0