Простое красивое меню для системы uCoz - это меню горизонтальное, оно отлично будет смотреться на светлом шаблоне, вы сможете в этой меню сделать дополнительные ссылки, например на форум, или в каталог файлов, или видео. Данное меню старое, и вы могли замечать на других ресурсах, но оно остается по прежнему актуальным и отлично функционирует с системой uCoz.
Установка:
1. В таблицу стилей CSS:
Код
/* Css */
.h_v_m { margin: 0 0px 0 0; height: 41px; background: url(/img/1.png) repeat-x;}
.h_v_m ul { list-style:none; float:left; }
.h_v_m ul li { display:inline; margin: 0 auto; height: 41px; float:left; background: url(/img/2.png) no-repeat top right; padding-top:8px;}
.h_v_m ul li a {line-height:27px;}
.h_v_m a span,
.h_v_m a {text-decoration: none;font-family: Tahoma; float: left; height: 27px; text-transform: none; font-size: 11px; }
.h_v_m a { color: #2980a2; display: block; margin-left: 12px; margin-right: 13px; line-height: 27px; padding: 0px 0px 0px 15px; }
.h_v_m a span { color: #2980a2; float: left; background-position: 100% -27px; line-height: 24px; padding: 0px 17px 0px 0px; }
.h_v_m a:hover { background: url(/img/3.png) no-repeat 0 0;height: 27px; text-decoration:none; }
.h_v_m a:hover span { color: #ffffff; background: url(/img/3.png) no-repeat 100% -27px; }
/*********/
2. Код меню:
Код
<div class="h_v_m">
<ul>
<li><a href="/"><span>Главная страница</span></a></li>
<li><a href="http://mir-hack.ru"><span>Форум</span></a></li>
<li><a href="#"><span>Новости портала</span></a></li>
<li><a href="#"><span>Топ сайтов</span></a></li>
</ul>
</div>
3. Скачиваем архив zip, и загрузите в файловый менеджер файлы.