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

6517 просмотров Alan_Writer 26.05.2013

Красивое меню для ucoz. На этот раз представляю Вам шикарное, красивое меню для ucoz в синих тонах. Меню полностью рабочее. Демо меню ucoz можно увидеть выше.

Установка меню

Вставляете это в ваш основной CSS:

Код

.cat_b {
  background:url(http://wallaby.ucoz.ru/menu/cat_a.gif) no-repeat;
  width:249px;
  height:21px;
  display:block;
  margin-left:-9px;}

.cat_b:hover {background-position:0 -26px;}
ul.cat {margin-top:-3px; padding:0; margin:0;}
ul.cat li {text-decoration:none; padding:1px 0 0 8px; text-align:left;}

ul.cat li a {
  padding-top:0px;
  color:#fff;
  padding:5px 0 0 8px;
  text-decoration:none;
  font-weight:bold;}

ul.cat li a:hover {color:#1f1f1f; text-decoration:none;}

В правом или левом контейнере создаете новый блок, и вставляете туда код самого меню:

Код

<ul class="cat">
<li><a class="cat_b" title="" href="ссылка">Пункт_1</a></li>
<li><a class="cat_b" title="" href="ссылка">Пункт_2</a></li>
<li><a class="cat_b" title="" href="ссылка">Пункт_3</a></li>
<li><a class="cat_b" title="" href="ссылка">Пункт_4</a></li>
<li><a class="cat_b" title="" href="ссылка">Пункт_5</a></li>
<li><a class="cat_b" title="" href="ссылка">Пункт_6</a></li>
<a style="display:none;" href="http://fullweb.ucoz.ru/"></a>
</ul>

Все готово!

Теги: меню для сайта, красивое, красивое меню, Синее меню, для uCoz, вертикальное меню

Похожие материалы