Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Меню для uCoz » Красивое выдвигающиеся меню NEW
Красивое выдвигающиеся меню NEW
Torres_1_Дата: Пятница, 06.08.2010, 11:40 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline

Настраиваем под себя! картинки и названия меню.

Есть два способа установить данное выдвигающееся меню:
1. Заходим в ПУ, Управление дизайном, Глобальные блоки, Создаем новый глобальный блок и называем его например MENU, вставляем в него данный код и сохраняем. Затем вставляем код глобального блока ( в данном случае : $GLOBAL_MENU$ ) на тех страницах где хотим видеть данное меню между ...
2. Второй способ, для ленивых. Просто берем данный код и вставляем между ..., на тех страницах, где будет наше меню.
Код
<style type="text/css">   
/* ***** menu ***** */   
ul#navigation {   
   position: fixed;   
   margin: 0px;   
   padding: 0px;   
   top: 0px;   
   right: 10px;   
   list-style: none;   
   z-index:999999;   
   width:550px;   
}   
ul#navigation li {   
   width: 103px;   
   display:inline;   
   float:left;   
}   
ul#navigation li a {   
   display: block;   
   float:left;   
   margin-top: -2px;   
   width: 100px;   
   height: 17px;   
   background-color:#E7F2F9;   
   background-repeat:no-repeat;   
   background-position:50% 10px;   
   border:1px solid #BDDCEF;   
   text-decoration:none;   
   text-align:center;   
   padding-top:80px;   
   opacity: 0.7;   
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);   
}   
ul#navigation li a:hover{   
   background-color:#CAE3F2;   
}   
ul#navigation li a span{   
   letter-spacing:2px;   
   font-size:12px;   
   color:#60ACD8;   
   text-shadow: 0 -1px 1px #fff;   
     
}   
ul#navigation .bazar a{   
   background-image: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_miscellaoneous.png);   
}   
ul#navigation .hal a {   
   background-image: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_misc_doc.png);   
}   
ul#navigation .for a {   
   background-image: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_miscss.png);   
}   
ul#navigation .chatib a {   
   background-image: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_miscccss.png);   
}   
ul#navigation .sms a {   
   background-image: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_miscellaneous.png);   
}   
</style>   
<ul id="navigation">   
      <li class="bazar"><a href="/" target ="_blank"><span>Домой</span></a></li>   
      <li class="hal"><a href="/load" target ="_blank"><span>Файлы</span></a></li>   
   <li class="for"><a href="/forum" target ="_blank"><span>Форум</span></a></li>   
      <li class="chatib"><a href="/news" target ="_blank"><span>Новости</span></a></li>   
      <li class="sms"><a href="/gb" target ="_blank"><span>Гостевая</span></a></li>   
</ul>   
<script type="text/javascript" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/menu/108_navigation.js"></script>   
<script type="text/javascript">   
   $(function() {   
   var d=300;   
   $('#navigation a').each(function(){   
   $(this).stop().animate({   
   'marginTop':'-80px'   
   },d+=150);   
   };);   

   $('#navigation > li').hover(   
   function () {   
   $('a',$(this)).stop().animate({   
   'marginTop':'-2px'   
   },200);   
   },   
   function () {   
   $('a',$(this)).stop().animate({   
   'marginTop':'-80px'   
   },200);   
   }   
   );   
   };);   
   </script>   
</td>   
   </tr>   
   </table>   
   </div></td>   
   </tr>   
</table>
 
Форум » Всё для Ucoz » Меню для uCoz » Красивое выдвигающиеся меню NEW
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ваша операционная система:
javascript:; javascript:;
Всего ответов: 147

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.