ZorNet.Ru — сайт для вебмастера » Меню для сайта » Горизонтальное меню SANUR на CSS3 для uCoz

Горизонтальное меню SANUR на CSS3 для uCoz

Горизонтальное меню SANUR на CSS3 для uCoz
Создавая сайт, вам необходимо сделать навигацию на нем, что здесь светлое горизонтальное меню будет отличным приложение в навигаций. Оно создано на CSS3, что дает вам преимущество, в том, что вы можете его изменить под свой дизайн. Что возможно поменять оттенок цвета, и здесь по умолчанию закруглены углы, вы можете их сделать по другому. Оно отлично может подойти на ресурс с одним модулем, чтоб каркас у него был фиксирован. По тематике здесь не имеет значение, так как на нем нет не каких узоров и всего идет одна ссылка на иконку "Дом" что стоит в стилях и ее можно поменять на что то другое, что вам больше подойдет.

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

Так примерно будет смотреться на темном фоне:

Светлое горизонтальное меню сайта

Приступаем к установке:

Ставим там где вы хотите видеть его, основном под шапку:

Код
<nav>
  <ul class="fancyNav">
  <li id="home"><a href="#home" class="homeIcon">На главную</a></li>
  <li id="news"><a href="#news">ZORNET.RU</a></li>
  <li id="about"><a href="http://zornet.ru/load/81">Скрипты</a></li>
  <li id="services"><a href="http://zornet.ru/load/142">Шаблоны</a></li>
  <li id="contact"><a href="#contact">Контакты</a></li>
</ul> </nav>

Стили вы можете скачать и в текстовом файле они находиться будут, также в них одна ссылка на изображение, это кнопка "Домой" что можете поменять на что то тематическое.

Здесь вы можете посмотреть демонстрацию на эту навигацию портала.
10 Июля 2017 Загрузок: 9 Просмотров: 3981 Комментариев: (5)

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

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

Оставь свой отзыв

Комментарии: 5
Kolinkor
Kolinkor 12 Июля 2017 01:581
0
Что то знакомое это горизонтальное меню, на одно похоже, но там немного дизайн другой.
Kosten
Kosten 12 Июля 2017 02:312
0
Мне кажется догадываюсь за какое меню идет речь, еще несколько лет назад его на сайт залил, сейчас вообще трудно найти, так как сам писал и придумывал название, разве по ключам, све же горизонтальное меню или навигацию нужно писать.
tsakonter
tsakonter 13 Июля 2017 02:363
0
А так поставил это меню, что хорошо подошла на широкий конструктор, но здесь на фиксированном намного лучше должно.
Kolinkor
Kolinkor 13 Июля 2017 04:524
0
Нет не очень похоже на то горизонтальное меню, там разрезы угловые, его хотел на форум под оаздел и категорий поставить.
Kosten
Kosten 13 Июля 2017 06:595
0
Но его можно сделать шире, если кому покажется узкий, все делается в стилях, и цвет если что под сайт поставить.
avatar