» »

Музыкальное меню вертикали для uCoz


Музыкальное меню вертикали для uCoz

В своей композиций очень редкое в тематическом уклоне Музыкальное меню вертикали для uCoz сайта, предназначена для ресурсов, где можно послушать или скачать песню или мелодию. Выполнена строго по своей вертикали и не чего лишнего в нем нет, это можно сказать категорий сайта, разбитые в навигаций, что очень способствует для поиска и понимание, что ты ищешь. Оно меняется при наводке клика и появляется стрелка, что можно увидеть на картинке и посмотреть в демонстраций его. Дизайн его по цветовой гамме обширен, что говорит, можно установить как на темный фон или на светлый портал.

Код:

Код
<SPAN class="menu_b">  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Новинки музыка</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Русская музыка</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Зарубежная музыка</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Тяжелый рок</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Панк кок для вас</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Музыка спокойная</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Музыка из реклам</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Детская музыка</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Поп направление</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Рэп направление</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Спокойная музыка</a>  
<a title="У нас есть всё для ucoz" href="http://zornet.ru/">Музон для отрыва</a>  
</SPAN>


CSS:

Код
.menu_b {}  
.menu_b a:link, .menu_b a:visited {background:url('http://zornet.ru/CSS-ZORNET/Grety/zreg/menu_b-link.png');height:31px;width:174px;padding-left:45px;display:block;padding-top:10px;color:#ffffff}  
.menu_b a:hover {background:url('http://zornet.ru/CSS-ZORNET/Grety/zreg/menu_b-hover.png');height:31px;width:151px;display:block;padding-left:68px;padding-top:10px;color:#ffffff}


29.04.2015 Просмотров: 340 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar