вРазные полезности

Вертикальное с эффектом jquery для Ucoz

 
Очень по своему своеобразное вертикальное с эффектом jquery для Ucoz, меню работает обязательно при активаций в панели управления jquery-1.6.1. Меню для сайта с белым оттенком. При на видений курсора на раздел в сайте, раздел меняется как видео на картинке. Так же можно заметить сама навигация разделена на разделы, что очень удобно для пользователя сайта.
Приступаем к установке:
В блок вашего сайта

Код
<div class=»beblock»>  
  <div class=»betitle»><div style=»padding-top: 3px;»>Навигация</div></div>  
  <ul class=»uartsmenu»>  
  <li><a style=»padding-left: 10px;» href=»/» class=»m_link»>Главная www.ucozon.ru</a></li>  

  <li><a style=»padding-left: 10px;» href=»/forum/» class=»m_link»>Идеи скриптов http://zornet.ru/</a></li>  
  <li><a style=»padding-left: 10px;» href=»/load/user/1″ class=»m_link»>Пользователи http://zornet.ru/</a></li>  
  <li><a style=»padding-left: 10px;» href=»/load/drugie/3″ class=»m_link»>Другие модули http://zornet.ru/</a></li>  
  <li><a style=»padding-left: 10px;» href=»/load/php/4″ class=»m_link»>PHP Скрипты http://zornet.ru/</a></li>  

  <li class=»g»>Прочее для uCoz</li>  
  <li><a href=»/load/6″ class=»m_link» style=»border: medium none; padding-left: 10px;»>Программы http://zornet.ru/</a></li>  

  <li><a style=»padding-left: 10px;» href=»/load/user/1″ class=»m_link»>Пользователи http://zornet.ru/</a></li>  
  <li><a style=»padding-left: 10px;» href=»/load/drugie/3″ class=»m_link»>Другие модули http://zornet.ru/</a></li>  
  <li><a style=»padding-left: 10px;» href=»/load/php/4″ class=»m_link»>PHP Скрипты http://zornet.ru/</a></li>  
  </ul>  
  </div>

В CSS

Код
.beblockborder-top:#CACACA solid 1px;border-left:#ddd solid 1px;border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;margin-top:-1px;margin-left:-1px;width:259px;display:block;z-index:2;  
  ul.uartsmenulist-style:none;display:block;margin:0;padding:0  
  ul.uartsmenu li a,ul.uartsmenu li a:visited,ul.uartsmenu li.gz-index:1;font-size:11px;font-family:Tahoma;display:block;border-bottom:#ddd solid 1px;color:#7A7A7A;background-color:#f9f9f9;text-decoration:none;text-shadow:1px 1px 0 #fff;height:16px;padding:1px 10px 0  
  ul.uartsmenu li a:hovercolor:#4E678D;background-color:#fff  
  ul.uartsmenu li.gbackground:#fff !important;width:247px;color:#7A7A7A;padding:1px 6px 0;font-weight: bold;  
  .betitle,.swallbackground:url(http://zornet.ru/scriptucoz/uarts_block.png) bottom;height:25px;width:251;border-bottom:#ddd solid 1px;padding-left:8px;padding-top:0px;color:#7A7A7A;font-family:Verdana;text-shadow:1px 1px 0 #fff;font-weight:bold;font-size:11px;

И скрипт отвечающий за эффект движения при наведение кнопок вставляем на всех страницах где желаем видеть отображение данного меню перед тегом закрытия тела страницы

Код
<script type=»text/javascript» src=»http://zornet.ru/scriptucoz/footjs.js»></script>

источник: zornet.ru

Похожие посты