» »

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


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

Могу много сказать за этот скрипт а точнее вертикальное меню для системы ucoz. Красивое рабочие меню, украсит любой светлый сайт. Так как я устанавливал это меню на тестовый сайт, скажу сразу, оно простое и свое время очень красивое. При наведение буквы становятся синими. Но вы можете все это изменить и подогнать как вам нравиться или под дизайн сайта. Просто выставить другой оттенок цвета в стилях и все.
Приступаем к установке:
Сначала скачиваем архив с нашего сайта и заливаем что в нем в корень сайта в папку в img
ПУ---> таблица CSS и вставляем код:
Код
.v_menu_top {  
  background-image: url(/img/menu_t.png);  
  height: 4px;  
  width: 196px;  
}  

.v_menu_bottom {  
  background-image: url(/img/menu_b.png);  
  height: 5px;  
  width: 196px;  
}  

.v_menu {margin: 0; padding: 0; list-style: none;}  
.v_menu a {  
  background-image: url(/img/menu_a.png);  
  display: block;  
  width: 196px;  
  overflow: hidden;  
  font-size: 11px;  
  font-family: Arial, Helvetica, sans-serif;  
  line-height: 22px;  
  color: #5f5f5f;  
  text-decoration: none;  
  text-indent: 17px;  
}  

.v_menu a:hover {  
  background-image: url(/img/menu_h.png);  
  font-weight: bold;  
  color: #00aeff;  
}  

red {color: red;}  
blu {color: blue;}  
gre {color: green;}  
bla {color: black}  
whi {color: white}  
gra {color: gray;}  
yel {color: yellow;}  
ora {color: orange;}  
pur {color: purple;}

2. В блог вашего сайта
Код
<div class="v_menu_top"></div>  
<ul class="v_menu">  
<a href="http://zornet.ru/">Главная страница</a>  
<a href="/gb">Гостевая книга</a>  
<a href="/dir">ТОП Сайтов</a>  
<a href="/news">Новости</a>  
<a href="/publ">Статьи</a>  
<a href="/forum">Форум</a>  
</ul>  
<div class="v_menu_bottom"></div>
18.04.2012 Загрузок: 11 Просмотров: 1827 Комментарий: (3)

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

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

Комментарий: 3
nikolla76
nikolla76 25.12.2015 15:361
0
Так нормальное меню, но скрин сделали, что можно понять, не стоит устанавливать, лучше нормальный установите зображение.
AnTron
AnTron 25.12.2015 15:462
0
Не нравиться когда при наведение знаки увелициваються.
Kvint
Kvint 25.12.2015 16:243
0
Всякие бывают, и когда увеличивается, главное за рамки не вылазила.
avatar