Сайт ищет нового владельца по разумной цене :) По всем вопросам: promonik1@ya.ru, skype: nik-luck007, https://vk.com/promonik
2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Горизонтальное меню на css

Скрипты меню 2013-Май-01 opsn 1.0k 0

Простенькое горизонтальное меню для сайта на любом движке. Пишите комментарии;)

HTML разметка:
Код

<div class="menu">
<div class="menu-width">
<ul class="menu-ul">
<a href="#"><li>Главная</li></a>
<a href="#"><li>Новости</li></a>
<a href="#"><li>Блог</li></a>
<a href="#"><li>Файлы</li></a>
<a href="#"><li>Видео</li></a>
</ul>
</div>
</div>


CSS:
Код

div.menu {background: #62A9FF;width: 100%;height: 40px;border-bottom: 3px solid #3B9AFF;}
div.menu-width {width: 900px;margin: 0 auto;}
ul.menu-ul {list-style: none;}
ul.menu-ul li {float: left;line-height: 37px;padding: 0 15px 0 15px;height: 40px;}
ul.menu-ul li:hover {background: #3B9AFF;-webkit-box-shadow: inset 0px 0px 5px #0374FF;-moz-box-shadow: inset 0px 0px 5px #0374FF;box-shadow: inset 0px 0px 5px #0374FF;}
ul.menu-ul a {font-size: 14px;color: #fff;font-family: Comic Sans MS;font-weight: normal;}
Источник: uc-portaller.ru
0 комментариев
avatar