Форум


  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Меню для сайта » Меню Раздвижное
Меню Раздвижное
facew0w Среда, 04.01.2012, 20:39 | Сообщение # 1
Сообщений: 139
Награды:2

Раздвижное меню от меня)
В ксс
Code
/* МЕНЮ */   
     a.menu_tip1 {display:block; width:171px; height:18px; text-align:left; background:url('http://be-d.ucoz.ru/menu_playcheat/b_nab_mn.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 14px;}   
     a.menu_tip2 {display:block; width:150px; height:18px; text-align:left; background:url('http://be-d.ucoz.ru/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;}   
     a.menu_tip3 {display:block; width:150px; height:18px; text-align:left; background:url('http://be-d.ucoz.ru/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;}   
     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');"> be-d.ucoz.ru <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://be-d.ucoz.ru/"> Главная</a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Правила</a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Гостевая</a>     
     <!----><a class="menu_tip3" href="http://be-d.ucoz.ru/"> Обратная связь</a>     
     <!----></div>     

     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');"> be-d.ucoz.ru <img alt="" style="margin-left:5px;" src="" align="absMiddle"></a>     
     <!----><div id="menu_2" style="display: none;" align="left">     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Главная раздела</a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Наши шаблоны </a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Шаблоны </a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Скрипты</a>     
     <!----><a class="menu_tip3" href="http://be-d.ucoz.ru/"> Кнопки</a>     
     <!----></div>     
         
     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_01').slideToggle('slow');"> be-d.ucoz.ru <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://be-d.ucoz.ru/"> Главная раздела</a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Кисти </a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Скачать photoshop v. </a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Стили</a>     
     <!----><a class="menu_tip3" href="http://be-d.ucoz.ru/"> PSD файлы</a>     
     <!----></div>     
         
     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');"> be-d.ucoz.ru <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://be-d.ucoz.ru/"> Главная раздела</a>     
     <!----><a class="menu_tip2" href="http://be-d.ucoz.ru/"> Новости сайта </a>     
     <!----><a class="menu_tip3" href="http://be-d.ucoz.ru/"> Новости интернета</a>     
     <!----></div>     
         
     <a class="menu_tip1" href="http://be-d.ucoz.ru/"> Форум</a>     
     <a class="menu_tip1" href="http://be-d.ucoz.ru/"> TOP сайтов</a>     
     <a class="menu_tip1" href="http://be-d.ucoz.ru/"> Реклама на сайте</a>     

         
     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_4').slideToggle('slow');"> be-d.ucoz.ru <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://be-d.ucoz.ru/"> Страница работ 1</a>     
     <!----></div>

Apacer Суббота, 14.01.2012, 20:59 | Сообщение # 2
Сообщений: 17
Награды:0
QuickmaN-life Вторник, 31.01.2012, 13:41 | Сообщение # 3
Сообщений: 3
Награды:0
Нормально)
Форум » Скрипты для uCoz » Меню для сайта » Меню Раздвижное
  • Страница 1 из 1
  • 1
Поиск: