[Table]Это меню построено очень качественно, нет никаких изъянов в CSS. Горизонтальное меню подойдет больше всего для верхней части сайта, так как оно зрительно делит сайт на верхнюю часть и нижнюю. Собственно, глядя на него, уже можно представить полноценный и качественный шаблон для сайта, который выглядел бы просто и без лишних украшений смотрелся бы изящно. [/Table] Установка:
в css:
Code
#webo4ka_demo-container{
padding:25px 15px 0 15px;
background:#67A897;
}
ul#webo4ka_simple-menu{
list-style-type:none;
width:100%;
position:relative;
height:27px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:11px 0 0 0;
}
ul#webo4ka_simple-menu li{
display:block;
float:left;
margin:0 0 0 4px;
height:27px;
}
ul#webo4ka_simple-menu li.left{
margin:0;
}
ul#webo4ka_simple-menu li a{
display:block;
float:left;
color:#fff;
background:#4A6867;
line-height:27px;
text-decoration:none;
padding:0 17px 0 18px;
height:27px;
}
ul#webo4ka_simple-menu li a.right{
padding-right:19px;
}
ul#webo4ka_simple-menu li a:hover{
background:#2E4560;
}
ul#webo4ka_simple-menu li a.current{
color:#2E4560;
background:#fff;
}
ul#webo4ka_simple-menu li a.current:hover{
color:#2E4560;
background:#fff;
}
Код на странице
Code
<div id="webo4ka_demo-container">
<ul id="webo4ka_simple-menu">
<li><a href="http://webo4ka.ru/load/shablony_sajtov_ucoz/48" class="current"><span>Шаблоны</span></a></li>
<li><a href="http://webo4ka.ru/load/skripty_i_modifikacii_dlja_ucoz/46"><span>Скрипты</span></a></li>
<li><a href="http://webo4ka.ru/forum/"><span>Форум</span></a></li>
<li><a href="http://webo4ka.ru/"><span>Главная</span></a></li>
</ul>
</div>
