Горизонтальное меню на CSS
Горизонтальное меню на CSS выполнена в серых тонах.
Подойдет для светлых и темно-светлых дизайнов.
При наведении на пункт меню категория слегка подсвечиваться в темный цвет.
В CSS вставляем:
Код
#menu {
margin:0;
padding:0;
}
#menu ul{
margin:0;
padding-left:10px;
border-top: 4px solid #666;
}
#menu li{
display: inline-block;
margin:0;
padding:0;
list-style:none;
}
#menu li a{
display:block;
font-family:Tahoma, Geneva, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFF;
text-shadow:#000 1px 1px 1px;
text-decoration:none;
background-color: #999;
padding-left:14px;
padding-right:14px;
padding-bottom:6px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
}
#menu li a:hover{
background-color:#666;
}
#menu li a:active{
color:#CCC;
}
Ставим куда хотим:
Код
<div id="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Категории</a></li>
<li><a href="http://ucozmafia.ru">меню для ucoz</a></li>
</ul>
</div>