Красивое меню на CSS для uCoz

6212 просмотров Alan_Writer 25.05.2013

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

Установка меню

Вставляем HTML в любое место на сайте, где хотите видеть меню:

Код

<ul class="uz">
<li class="m"><a class="m" href="/">Главная страница</a></li>
<li class="m"><a class="m" href="http://wallaby.ucoz.ru/forum">Форум</a></li>
<li class="m"><a class="m" href="/dir">Топ сайтов</a></li>
<li class="m"><a class="m" href="forum/0-0-0-36">Правила сайта</a></li>
</ul>

Это вставляете в В CSS:

Код

ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}

Готово!

Теги: меню для сайта, красивое меню, простое меню, для uCoz, меню на CSS, вертикальное меню

Похожие материалы