вРазные полезности

Горизонтальное меню 5 цветов ZER-5 для ucoz

Не стал по отдельности их разбивать, так как у Горизонтальное меню 5 цветов ZER-5 для ucoz один дизайн, только вот оттенки все разные. Здесь кодом представлю светлое меню, а остальные вы можете скачать, там я их разделил и вам только нужно выбрать, какое вам нужно по названию, которые также будут представлены файлами. Тематика их не известна, но смотря на его, здесь можно с уверенностью сказать, что как на полный ресурс подойдут, так и на блог. Углов у них нет, так как идут стили с ними, если вы знаете их, то можете и доработать, хотя оригиналом они прекрасно смотрятся.

Светлое:

Код
<div id=»menu_wrapper» class=»grey»>
<div class=»left»></div>
<ul id=»menu»>
<li><a href=»#»>Главная</a></li>
<li class=»active»><a href=»#»>ZORNET.RU</a></li>
<li><a href=»#»>Скрипты сайта</a></li>
<li><a href=»#»>Шаблоны сайта</a></li>
<li><a href=»#»>Обратная связь</a></li>
</ul>
</div>

CSS:

Код
#menu
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 50px 0;
padding: 0;
list-style-type: none;
background-color: #eee;
font-size: 13px;
height: 40px;
border-top: 2px solid #eee;
border-bottom: 2px solid #ccc;

#menu li
float: left;
margin: 0;

#menu li a
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 40px;
color: #666;

#menu li a:hover, #menu li.active a
background-color: #f5f5f5;
border-bottom: 2px solid #DDD;
color: #999;

#menu_wrapper ul margin-left: 12px;
#menu_wrapper padding: 0 16px 0 0; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat right;
#menu_wrapper div float: left; height: 44px; width: 12px; background: url(http://zornet.ru/CSS-ZORNET/gerav/refad/faren/grey.png) no-repeat left;

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

источник: zornet.ru

Похожие посты