Описание:
Светлое меню для ucoz
Установка:
1. Скачиваем архив и загружаем картинки в файловый менеджер в папку img
2. Заходим в ПУ---> таблица CSS и вставляем код:
Code
.v_menu_top {
background-image: url(/img/menu_t.png);
height: 4px;
width: 196px;
}
.v_menu_bottom {
background-image: url(/img/menu_b.png);
height: 5px;
width: 196px;
}
.v_menu {margin: 0; padding: 0; list-style: none;}
.v_menu a {
background-image: url(/img/menu_a.png);
display: block;
width: 196px;
overflow: hidden;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
color: #5f5f5f;
text-decoration: none;
text-indent: 17px;
}
.v_menu a:hover {
background-image: url(/img/menu_h.png);
font-weight: bold;
color: #00aeff;
}
red {color: red;}
blu {color: blue;}
gre {color: green;}
bla {color: black}
whi {color: white}
gra {color: gray;}
yel {color: yellow;}
ora {color: orange;}
pur {color: purple;}
3. В блог вставляем:
Code
<div class="v_menu_top"></div>
<ul class="v_menu">
<a href="/">Главная страница</a>
<a href="/gb">Гостевая книга</a>
<a href="/dir">ТОП Сайтов</a>
<a href="/news">Новости</a>
<a href="/publ">Статьи</a>
<a href="/forum">Форум</a>
</ul>
<div class="v_menu_bottom"></div>