» »

Горизонтальное меню 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.07.2017 Загрузок: 4 Просмотров: 448 Комментарий: (5)

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

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

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