ZorNet.Ru — сайт для вебмастера » Меню для сайта » Красивое и светлое меню для сайта ucoz

Красивое и светлое меню для сайта ucoz

Простое но по своему красивое меню ucoz. Для светлых дизайн сайтов. У нас на сайте найдете красивые блоки и вставляйте туда меню и будит не меню а реальная конфетка. Имеет свой CSS что дает при наведение и при нажатие все меняется. К примеру при на видений становиться все желтым. Но вы можете это исправить в стилях под свою цветовую гамму.
Приступаем к установке:
В CSS в самый низ прописываем стиль:

Код

.block_menu {margin:0; padding:0; list-style:none;}
.block_menu a:link,
.block_menu a:active,
.block_menu a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(https://zornet.ru/scriptucoz/menu-55.png) no-repeat 0 0;}
.block_menu a:hover {color:#ea7609; background-position:0 -20px;}

.block_menu_star {margin:0; padding:0; list-style:none;}
.block_menu_star a:link,
.block_menu_star a:active,
.block_menu_star a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(https://zornet.ru/scriptucoz/menu-56.png) no-repeat 0 0;}
.block_menu_star a:hover {color:#ea7609; background-position:0 -20px;}

В блок на ваше усмотрение.

Код

<div class="dcont">
<ul class="block_menu">
<a class="Smenu_link" href="https://zornet.ru/">Скрипты и шаблоны uсoz</a>
<a class="Smenu_link" href="ССЫЛКА">НАЗВАНИЕ</a>
<a class="Smenu_link" href="ССЫЛКА">НАЗВАНИЕ</a>
<a class="Smenu_link" href="ССЫЛКА">НАЗВАНИЕ</a>
<a class="Smenu_link" href="ССЫЛКА">НАЗВАНИЕ</a>
</ul>