Плагины меню: Меню в линейном стиле

Здравствуйте, сегодня рассмотрим отличный плагин, который позволит создать красивое меню с анимацией в линейном стиле.

Скачать исходники для статьи можно ниже

Сведения о плагине «Line Style Menus — Beautiful line styled menus»:
Количество активных установок плагина: 20+
Последнее обновление: 2 месяца назад.
Сайт плагина: «wordpress.org/plugins/line-styled-menu/»

menuline0

Демо-сайт, где вы сможете ознакомиться со всеми возможностями данного плагина по созданию меню для вашего сайта: «tympanus.net/Development/LineMenuStyles/»

Устанавливаем и активируем плагин через админку wordpress: пункт «Плагины» — подпункт «Добавить новый» — в строку поиска вводим название плагина — устанавливаем и активируем.

Далее для создания меню можно воспользоваться следующим кодом:

<nav class="menu menu--miranda">
<ul class="menu__list">
	<li class="menu__item"><a class="menu__link">ГЛАВНАЯ</a></li>
	<li class="menu__item"><a href="http://mnogoblog.ru" class="menu__link">КАРТА САЙТА</a></li>
	<li class="menu__item"><a href="http://mnogoblog.ru" class="menu__link">FREE WP ТЕМЫ</a></li>
	<li class="menu__item"><a  href="http://mnogoblog.ru" class="menu__link">TOP САЙТОВ</a></li>
	<li class="menu__item"><a href="http://mnogoblog.ru" class="menu__link">ВИДЕО</a></li>
</ul>
</nav>

Можете, для примера, вставить вышеуказанный код в Запись/Страницу во вкладке «Текст»:

menuline1

В вышеуказанном коде «-miranda» — задает стиль меню.
Можно задать следующие стили меню:
-sebastian
-prospero
-viola
-antonio
-miranda
-ariel

Все их можно посмотреть на демо-сайта — «tympanus.net/Development/LineMenuStyles/»

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *