ZorNet.Ru — сайт для вебмастера » Меню для сайта » Красивое меню от 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 Апреля 2012 Просмотров: 2723 Комментариев: (0)

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

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

Kosten

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