SVG расшифровывается как масштабируемая векторная графика(scalable vector graphics). Это формат на основе языка разметки
XML, который поддерживает анимацию и интерактивность. Другими словами,
SVG — это технология, которая позволяет создавать изображения с помощью написания кода в текстовом редакторе. Кроме того,
SVG является масштабируемым. В отличие от растровых форматов изображений, таких как
PNG и
JPEG, которые не могут изменять размеры без потери качества,
SVG может масштабироваться до любого размера.
Установка: Для начала скачиваем архив с нашего сайта и папку
sovremennoe-menu загружаете в свой файловый менеджер
Потом подключает
[b] CSS[/b] стили между
:
Код
<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");
Перед закрывающим тегом
вставляете код:
Код
<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>