» »

Горизонтальное меню виде ленты для сайта

Горизонтальное меню виде ленты для сайта

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

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

Когда поставите, то по умолчанию так визуально будете наблюдать.



Это уже обозрение происходит с мобильных аппаратах.



Копируем код и устанавливаем на ваше усмотрение:

Код
<nav class="top-menu">
  <ul class="menu-main">
  <li><a href="http://zornet.ru/" class="current">ZORNET.RU</a></li>
  <li><a href="Место под ссылку">Скрипты</a></li>
  <li><a href="#">Шаблоны</a></li>
  <li><a href="#">Contact</a></li>
  </ul>

PS - здесь не будет кнопки, которая отвечает за функцию открыть и закрыть, которая появятся на мобильных устройствах, что обычно ставят на фиксированную ширину каркаса.
13.06.2017 Загрузок: 4 Просмотров: 536 Комментарий: (7)

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

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

Комментарий: 7
Сопрано
Сопрано 13.06.2017 00:541
0
Старое горизонтальное меню, что про адаптацию то еще когда ее не было оно уже в паблике было, возможно что здесь доработано в этом плане.
Scheme
Scheme 13.06.2017 01:144
0
А сейчас нового почти нет, или старое переделали, или все сами делают.
Kosten
Kosten 13.06.2017 01:012
0
Все возможно, также не написано, что это новый дизайн. А если еще адаптивности не было, то тогда в те лохматые не кто и не пилил под мобильные.
Scheme
Scheme 13.06.2017 01:143
0
Формально только под тематический сайт подойдет.
Сопрано
Сопрано 13.06.2017 02:365
0
Так все сайты тематические являются, это же не социальные сети.
Kosten
Kosten 13.06.2017 02:497
0
Значительной части все зависит от дизайн сайта.
Kosten
Kosten 13.06.2017 02:496
0
Есть сайты, где можно сделать блог свой или дневник и много таких встречал. просто трастовую ссылку ставил.)
avatar