» »

Меню горизонтальное Vebus светлое для сайта


Меню горизонтальное Vebus светлое для сайта

Это адаптивное горизонтальное меню в светлом стиле, где только идут разделы или категорий, по вверх и низ темная рамка и иконки. Почему то его считают, сто оно под свадебную тематику подойдет, но проверяя его на работоспособность, что вам изображение ниже предоставлено. То могу сказать, что так сделано, что на чисто белую стилистику интернет ресурса будет отличным решением и плюсом в навигаций на сайте.

Идет стиль на его, так как полностью на нем создано, задан только каркас, где вы запросы пишите, а вот дизайн и все эффекты на CSSнужно выстраивать. Так что ставим его на тот стиль площадки, где будет смотреться, но и автоматически сворачиваться будет при меньшего размера под монитор или мобильного аппарата. Оно больше подойдет на сайт, где открыт один модуль, это как блог или статья, что можно разделы расписать и все на главной странице.

Это устанавливаем, там где вы хотите его видеть:

Код
<nav class="top-menu">
  <ul class="menu-main">
  <li><a href="http://zornet.ru/" class="current">ZORNET.RU</a></li>
  <li><a href="Ссылка-1">ZORNET</a></li>
  <li><a href="Ссылка-2">ZORNET</a></li>
  <li><a href="Ссылка-3">Contact</a></li>
  </ul>
</nav>

Так будет после как вы поставите:

Горизонтальная навигация, меню

Это если смотреть на мобильном:

Адаптивное меню

Теперь переходим к тому, что нужно скачать стили, идут они на простом текстовом документе, что копируем и в CSS, у кого не влезут они, просто они большие, то выводим через файл, как это делается, для этого написана статья, где можете ознакомиться и вам это может пригодится при другой любой установке.
12.06.2017 Загрузок: 1 Просмотров: 220 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Maryges
Maryges 12.06.2017 20:491
0
Что то не понимаю, а чем это меню, отличается от этого горизонтального меню. Структура одна и та же, только стиль немного не похоже, что здесь идет как кнопками, а там эффект на весь запрос.
ucozmental
ucozmental 12.06.2017 20:542
0
Почему они одинаковы, там как видно нет адаптаций, здесь она есть, но не такая, чтоб с кнопкой, но под шапку если поставить или на нее, нормально будет.
avatar