» »

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


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

Меню от videtor для ucoz, в синих тонах. На первый взгляд смотришь на меню и думаешь какое то никудышное. Но вы ошибаетесь на сайте оно стоит прекрасно дополняя дизайн. Лучше ставить на светлые сайты по дизайну.
Приступаем к установке:
Этот стиль копируем и прописываем в самый низ CSS
Код
#menu-block li {  
color:#0D3E67;  
list-style:none;  
border-bottom:1px solid #B4B4AF;  
border-top:1px solid #FFF;  
font-family:Verdana;  
font-size:10pt;  
text-decoration:none;  
padding:6px;  
}  

#menu-block1 li {  
color:#0D3E67;  
list-style:none;  
border-bottom:1px solid #B4B4AF;  
font-family:Verdana;  
font-size:10pt;  
text-decoration:none;  
padding:6px;  
}  

#menu-block3 li {  
color:#0D3E67;  
list-style:none;  
border-top:1px solid #FFF;  
font-family:Verdana;  
font-size:10pt;  
text-decoration:none;  
padding:6px;  
}  

#menu-block4 li {  
color:#0D3E67;  
list-style:none;  
border-top:1px solid #FFF;  
border-bottom:1px solid #B4B4AF;  
font-family:Verdana;  
font-size:10pt;  
text-decoration:none;  
padding:6px;  
}  

#menu-cont2 a:link,#menu-cont2 a:visited {  
color:#555540;  
text-shadow:0 1px 0 #fff;  
text-decoration:none;  
}  

#menu-cont2 li {  
color:#ada286;  
list-style:none;  
border-bottom:1px dotted #ada286;  
font-family:Verdana;  
font-size:10pt;  
text-decoration:none;  
padding:6px;  
}  

#menu-cont li {  
list-style:none;  
border-bottom:1px dotted #ccc;  
font-family:Verdana;  
font-size:10pt;  
text-shadow:0 1px 0 #fff;  
text-decoration:none;  
padding:6px;  
}

В блок вашего сайта:
Код
<div class="menu_bpad">  
<a href="http://zornet.ru/" class="menu_b">Главная страница</a>  
<b><a style="color: rgb(255, 0, 0);" href="/" class="menu_b">Новинки кино</a></b>  
<a href="/" class="menu_b">Фильмы 2012</a>  
<a href="/" class="menu_b">Фильмы 2011</a>  
<a href="/" class="menu_b">Фильмы 2010</a>  
<a href="/" class="menu_b">Фильмы 2009</a>  
<a href="/" class="menu_b">Игры онлайн</a>  
<a href="/" class="menu_b">Интересное</a>  
<a href="/" class="menu_b">Заказ фильма</a>  
<a href="/" class="menu_b">FAQ</a>  
<a href="/" class="menu_b">Обратная связь</a>  

<a href="/" class="menu_b">Форум</a>  

  </div>
19.04.2012 Просмотров: 1295 Комментарий: (0)

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

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

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