Раздвижное меню со стрелочками для светлого дизайна uCoz



Разработчик: неизвестен

Для тех, кто искал меню в необычном исполнение…. Данный тип меню не отличается функциональностью от своих собратьев, но у него есть преимущество в том, что оно отображается по другому, а именно… меню имеет стрелку, которая показывает на какой категории сейчас находится курсор мыши и отмечает его галочкой. Данная функция очень удобна и понравится многим ВЕБ мастерам, которые ищут что то другое для своего сайта, нежели чем обычное раздвижное меню для сайта uCoz

Установка:
1) Копируем код «CSS» и вставляем его в CSS своего сайта
2) Копируем «Код» и вставляем его в новый блок или в то место где хотим видеть свое меню

CSS:
Code
/* МЕНЮ */  
a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('http://ucozua.ru/Scripts/menu_a.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 20px;}  
a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('http://ucozua.ru/Scripts/menu_b.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}  
a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('http://ucozua.ru/Scripts/menu_c.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}  
a.menu_tip1:link, a.menu_tip2:link, a.menu_tip3:link { text-decoration:none; color:#848484;}  
a.menu_tip1:visited, a.menu_tip2:visited, a.menu_tip3:visited { text-decoration:none; color:#848484;}  
a.menu_tip1:hover, a.menu_tip2:hover, a.menu_tip3:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}  
a.menu_tip1:active, a.menu_tip2:active, a.menu_tip3:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}  
/* ---- */


Код:
Code
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');"> WebIL-INFO <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>  
<!----><div id="menu_1" style="display: none;" align="left">  
<!----><a class="menu_tip2" href="http://ucozua.ru/"> Главная</a>  
<!----><a class="menu_tip2" href="http://ucozua.ru/index/pravila_sajta/0-8"> Правила</a>  
<!----><a class="menu_tip2" href="http://ucozua.ru/gb/"> Гостевая</a>  
<!----><a class="menu_tip3" href="http://ucozua.ru/index/0-3"> Обратная связь</a>  
<!----></div>  

<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');"> Все для uCoz <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>  
  <!----><div id="menu_2" style="display: none;" align="left">  
  <!----><a class="menu_tip2" href="http://ucozua.ru/load/ucoz/4"> Главная раздела</a>  
  <!----><a class="menu_tip2" href="http://ucozua.ru/load/ucoz/shablons/8"> Наши шаблоны </a>  
  <!----><a class="menu_tip2" href="http://ucozua.ru/load/ucoz/shabons/1"> Шаблоны </a>  
  <!----><a class="menu_tip2" href="http://ucozua.ru/load/ucoz/skripts/2"> Скрипты</a>  
  <!----><a class="menu_tip3" href="http://ucozua.ru/load/ucoz/knopki/3"> Кнопки</a>  
  <!----></div>  
   
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_01').slideToggle('slow');"> Photoshop <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>  
<!----><div id="menu_01" style="display: none;" align="left">  
<!----><a class="menu_tip2" href="http://ucozua.ru/load/photoshop/5"> Главная раздела</a>  
<!----><a class="menu_tip2" href="http://ucozua.ru/load/photoshop/kisti/6"> Кисти </a>  
<!----><a class="menu_tip2" href="http://ucozua.ru/load/photoshop/photoshop_v/7"> Скачать photoshop v. </a>  
<!----><a class="menu_tip2" href="http://ucozua.ru/load/photoshop/uzori/9"> Стили</a>  
<!----><a class="menu_tip3" href="http://ucozua.ru/load/photoshop/psd_fajly/10"> PSD файлы</a>  
<!----></div>  
   
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');"> Новости <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>  
  <!----><div id="menu_3" style="display: none;" align="left">  
  <!----><a class="menu_tip2" href="http://ucozua.ru/news/"> Главная раздела</a>  
  <!----><a class="menu_tip2" href="http://ucozua.ru//news/sajt/1-0-2"> Новости сайта </a>  
  <!----><a class="menu_tip3" href="http://ucozua.ru/news/sajt/1-0-2"> Новости интернета</a>  
  <!----></div>  
   
<a class="menu_tip1" href="http://ucozua.ru/forum/"> Форум</a>  
<a class="menu_tip1" href="http://ucozua.ru/dir/"> TOP сайтов</a>  
<a class="menu_tip1" href="http://ucozua.ru/index/reklama/0-5"> Реклама на сайте</a>  

   
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_4').slideToggle('slow');"> Сейчас мы работаем над <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>  
  <!----><div id="menu_4" style="display: none;" align="left">  
  <!----><a class="menu_tip3" href="http://ucozua.ru/index/my_rabotaem_nad/0-11"> Страница работ 1</a>  
  <!----></div>



Категория: Скрипты меню | Добавил: GaV | Теги: Раздвижное меню со стрелочками для , скрипт, uCoz, светлое, стрелка, меню
Просмотров: 1040 | Загрузок: 0 | Комментарии: 3 | Рейтинг: 0.0/0
Всего комментариев: 3
1 Aizek-3  
0
а че не копируется?

2 Aizek-3  
0
а че трудно юзер бар убрать?

3 GaV  
0
Понял о чем вы, но сейчас мне не до этого... т.к. стоит скрипт против копирования материалов, в ближайшем будущем поправлю проблему с выделением кода, так что придется немного подождать... или в сети найти подобный скрипт

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]