» »

Красивое меню с анимацией для ucoz


Красивое меню с анимацией для ucoz

Меню с анимацией для ucoz, прикольное темное меню, главное такое играющиеся. При на видений курсора стрелка становиться красной. Можно заметить что с правой стороны стоят иконки зеленого цвета, при нажатие на раздел они должны быть красного.
Приступаем к установке:
Вставляем наш скрипт в блок, где хотите видеть.
Код
<style>  
  .menushka {width:186px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:0px solid #484747;border-bottom:0px solid #484747;}  
  .menushka li {align:center; height:27px; display:block; background:url(http://s004.radikal.ru/i208/1203/8c/0033da42acf8.gif&  
#41; no-repeat 0 0;text-indent:10px;font-size:11px;}  
  .menushka li:hover {background:url(http://zornet.ru/Zornet/d4d97eaf6686.gif  
) no-repeat 0 0;}  
  .menushka li:hover a:link,  
  .menushka li:hover a:active,  
  .menushka li:hover a:visited {color:#dedede;text-shadow:0 0 3px #313131;padding-top:3;}  
  .menushka li:first-child {border:0;}  
  .menushka li a:link,  
  .menushka li a:active,  
  .menushka li a:visited {height:22px; display:block; color:#959595;padding-top:3;}  
  .menushka li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}  
  .rblock{  
  color:#969696;  
  text-shadow: 0.1em 0.1em #141414;  
  }  
  .rblock1{  
  color:#565656;  
  text-shadow: 0.1em 0.1em #000000;  
  }  
  </style>  

<ul class="menushka">  
<li><a href="/">Главная страница</a></li>  
<li><a href="#"> Форум</a></li>  
<li><a href="#"> Каталог файлов</a></li>  
<li><a href="#"> Топ сайтов</a></li>  
<li><a href="#"> Наши кнопки</a></li>  
<li><a href="#"> Реклама</a></li>  
<li><a href="#"> Мониторинг серверов</a></li>  
<li><a href="#">Раскрутка сайтов</a></li>  
<li><a href="#"> Программы для взлома ВК</a></li>  
<li><a href="#"> Оставить отзыв о САЙТЕ!</a></li>  
</ul>
18.04.2012 Просмотров: 1145 Комментарий: (0)

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

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

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