Классическое меню для сайта ucoz. Меню выполнено в оранжевых тонах со штриховкой и стрелочкой перед категориями.
Установка:
Вставляем в Ваш CSS:
Code
ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(http://back-bize.at.ua/SCR/menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover, #menu4 li #current {
color: #fff;
background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
источник: http://back-bize.at.ua/
Этот HTML код в верхнюю часть сайта(туда где хотим видеть меню):
Code
<div id="menu4">
<ul>
<li><a href="http://back-bize.at.ua/"><span>Главная</span></a></li>
<li><a href="http://back-bize.at.ua/search"><span>Поиск</span></a></li>
<li><a href="http://back-bize.at.ua/index/3"><span>Регистрация</span></a></li>
<li><a href="http://back-bize.at.ua/sitemap.xml"><span>Карта сайта</span></a></li>
<li><a href="http://back-bize.at.ua/forum"><span>О сайте</span></a></li>
</ul>
</div>
