Поиск
Меню сайта
Бесплатная раскрутка Игры для PC Форум Скачать Услуги сайта uCoz Слушать RadioRecord
World Of Warcraft
Аддоны для WoW Читы Программы Патчи Сайты / WWW для Mangos Готовый сервер
Категории раздела
Шаблоны [6]
Скрипты [11]
Новости сайта [2]
Каталог Файлов [2]
Меню [4]
PSD Шапки [3]
Мини-чат
Новые файлы
Просмотров: 696
Дата: 20.11.2015
Категория: Сайты / WWW для Mangos
Просмотров: 166
Дата: 19.11.2015
Категория: Online
Наш Сервер CS:S
Главная » Файлы » Ucoz » Меню

Горизонтальное меню в простом режиме
14.11.2015, 12:32

Это по конструкций простое меню для сайта. С ним идет так же стили, что означает когда будете кликать по нему и оно будет меняться. 

А точнее тот раздел на который вы нажали. Его можно применить как на сайте так и на другом ресурсе, к примеру в блоге. 

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

Цвет подобран так что на светлый дизайн подойдет так и на темный, что его и отличает. 

Это стили в CSS 

Код

body { padding: 100px!important; font: 300 16px tahoma; } /* mark with differing style */ .mark { font-weight: 400; } /* nav */ .nav { list-style: none; } .nav li { float: left; position: relative; background: #34495e; } /* круглые края */ .nav > li:first-of-type { border-radius: 5px 0 0 5px; } .nav > li:last-of-type { border-radius: 0 5px 5px 0; } /* блоки ссылок */ .nav li a { display: block; text-decoration: none; color: #fff; padding: 12px; border-radius: 5px; } /* выпадающее меню */ .sub-nav { position: absolute; border-top: 15px solid transparent; left: -9999px; list-style:none; padding:0; } /* make submenu reappear */ .nav li:hover .sub-nav { left: 0; } /* triangle */ .triangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #34495e; position: absolute; margin-top: 5px; left: -9999px; } /* reappear */ .nav li:hover .triangle { left: 15px; } /* prevent multi line links */ .sub-nav li { white-space: nowrap; } /* закругленные края */ .sub-nav > li:first-of-type { border-radius: 5px 5px 0 0; } .sub-nav > li:last-of-type { border-radius: 0 0 5px 5px; } /* верхний уровень при наведении */ .nav > li:hover > a { background: #2C3E50; transition: background ease .5s; } /* ссылки подменю */ .sub-nav a { font-size: 90%; margin: 3px; transition: background ease .3s; } .sub-nav a:hover { background: #E74C3C; }

Это основа меню, который ставят основном в низ в шапке портала. 

Код

</p>

<nav>
<ul class="nav">
  <li><a href="http://zornet.ru/">Главная</a></li>
  <li><a class="mark" href="/">Подменю</a>
  <ul class="sub-nav">
  <li><a href="/">Пункт 1 подменю</a></li>
  <li><a href="/">Пункт 2 подменю</a></li>
  <li><a href="/">Пункт 3 подменю</a></li>
  <li><a href="/">Пункт 4 подменю</a></li>
  </ul>
  </li>
  <li><a href="/">Контакты</a></li>
</ul>
</nav>

<p>

 

Категория: Меню | Добавил: seniora-bodya
Просмотров: 83 | Загрузок: 0 | Рейтинг: 5.0/3
Всего комментариев: 0
avatar
Витрина
Купить ссылку здесь
(Цена: 1 руб)


Поставить к себе на сайт
Вход на сайт
Вы вошли как, Гость

Моя страница | Настроить

Мои сообщения | Новых

Покинуть сайт
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Друзья сайта
Счетчик посещений сайта Каталог сайтов Стать партнером
Наши баннеры
Популярные темы
Софт
Статистика
Тиц,пр

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Полный Список ]


Карта сайта |
шаблоны для UCOZ
. uCoz
Поисковое продвижение сайта 200stran.ru: показано число посетителей за сегодня, онлайн, из каждой страны и за всё время
С архива шаблонов playroom.do.am можно скачать бесплатно шаблоны для UCOZ с рабочим конструктором на любую тематику.
Если вы ищите другие рабочие шаблоны UCOZ , то на truetemplates.ru вы найдете много оригинальных и адаптированных дизайнов.
Если тема для UCOZ не нашлась и там, то на promowebber.ru вы легко найдете красивые шаблоны для UCOZ и быстро скачаете их без регистрации и ожидания.
Если вам не нужен УКОЗ, а нужна joomla! то шаблоны joomla 2.5 помогут воплотить вам мечту о своем сайте в жизнь.
Тем же кто делает сайты на DLE я рекомендую скачать Ucoz шаблоны с сайта playroom.do.am.
Не будет забыт нами и вордпресс.С сайта playroom.do.am я всегда скачивая шаблоны для wordpress без скрытых ссылок и на русском языке.