Простое меню на CSS для uCoz

Простое меню на CSS для uCoz

Простое вертикальное меню полностью на CSS стилях без применения графики.

Меню меняет цвет при наведении на нужную ссылку категорию. (цвет ссылки можно поменять в стилях CSS на нужную).

В общем простое меню для ваших сайтов ucoz.

Устанавливаем меню на сайт.

Первым делом прописываем стили CSS. В самый низ CSS ставим код :

/*-- Стиль меню seo-monetizator.ru --*/
.blockmenu {
height:16px;
width: 100%;
font: normal 10px Arial, Helvetica, sans-serif;
text-align: left;
}
.blockmenu a:link,
.blockmenu a:visited {
color:#909090;
text-decoration:none;
padding-left:16px;
line-height:17px;
display:block;
font-weight:normal;
background:#fefefe;
border:1px solid #cccccc;
margin-bottom:1px;
text-align: left;
}
.blockmenu a:hover {
color:#909090;
text-decoration:none;
padding-left:16px;
line-height:17px;
display:block;
font-weight:normal;
background:#e8e4e4;
border:1px solid #cccccc;
text-align: left;
margin-bottom:1px;
}

Вставляем НТМЛ код в нужный блок, где хотим видеть меню.

<span class="blockmenu">
<a href="http://seo-monetizator.ru/" title="Главная страница">Главная</a>
<a href="http://seo-monetizator.ru/" title="Шаблоны для uCoz">Шаблоны для uCoz</a>
<a href="http://seo-monetizator.ru/">Скрипты для uCoz</a>
<a href="http://seo-monetizator.ru/" title="Статьи о uCoz">Статьи о uCoz</a>
<a href="http://seo-monetizator.ru/">Графика для uCoz</a>
<a href="http://seo-monetizator.ru/">PSD исходники</a>
<a href="/">Как стать богатым</a>
<a href="/">seo-monetizator.ru</a>
</span>

Меняем ссылки на свои.