Логин:

Пароль:

Меню сайта
Наш опрос
Заливать ли новые серии "реальных пацанов" ?
Всего ответов: 49
Облако тегов
Статистика
[ Новые сообщения--> · Участники--> · Правила форума--> ·
  • Страница 1 из 1
  • 1
Модератор форума: GishCry  
Форум » Все для сайтов » Скрипты » Рип раздвижного меню сайта "webil-info.ucoz.ru" (Рип, раздвижного, меню, сайта, "webil-info.ucoz.ru", скрипты)
Рип раздвижного меню сайта "webil-info.ucoz.ru"
Ma[N]gustДата: Среда, 03.11.2010, 20:17 | Сообщение # 1
Монстер
Группа: Администраторы
Сообщений: 59
Награды: 9
Репутация: 1
Статус: Offline

Отличное раздвижное меню для сайта!
Данное меню подойдёт под любой дизайн!
Инструкция по установке:
Скачиваем архив и заливаем файлы в директорию /style/menu/
1.Приведенный ниже код вставить в самый верх таблицы стилей css
Code
/* МЕНЮ */
a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('/style/menu/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('/style/menu/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('/style/menu/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;}
/* ---- */

2.Приведенный ниже код в ставить в любое место где будет находится меню
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="/"> Главная</a>
<!----><a class="menu_tip2" href="/index/pravila_sajta/0-8"> Правила</a>
<!----><a class="menu_tip2" href="/gb/"> Гостевая</a>
<!----><a class="menu_tip3" href="/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="/load/ucoz/4"> Главная раздела</a>
      <!----><a class="menu_tip2" href="/load/ucoz/shablons/8"> Наши шаблоны </a>
      <!----><a class="menu_tip2" href="/load/ucoz/shabons/1"> Шаблоны </a>
      <!----><a class="menu_tip2" href="/load/ucoz/skripts/2"> Скрипты</a>
      <!----><a class="menu_tip3" href="/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="/load/photoshop/5"> Главная раздела</a>
<!----><a class="menu_tip2" href="/load/photoshop/kisti/6"> Кисти </a>
<!----><a class="menu_tip2" href="/load/photoshop/photoshop_v/7"> Скачать photoshop v. </a>
<!----><a class="menu_tip2" href="/load/photoshop/uzori/9"> Стили</a>
<!----><a class="menu_tip3" href="/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="/news/"> Главная раздела</a>
      <!----><a class="menu_tip2" href="/news/sajt/1-0-2"> Новости сайта </a>
      <!----><a class="menu_tip3" href="/news/sajt/1-0-2"> Новости интернета</a>
      <!----></div>
           
<a class="menu_tip1" href="/forum/"> Форум</a>
<a class="menu_tip1" href="/dir/"> TOP сайтов</a>
<a class="menu_tip1" href="/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="/index/my_rabotaem_nad/0-11"> Страница работ 1</a>
      <!----></div>


Всё меню готово и работает!
Надеюсь вам понравится!
 
Форум » Все для сайтов » Скрипты » Рип раздвижного меню сайта "webil-info.ucoz.ru" (Рип, раздвижного, меню, сайта, "webil-info.ucoz.ru", скрипты)
  • Страница 1 из 1
  • 1
Поиск:

200sidov.ru © 2018 Хостинг от uCoz
Файлы для обмена предоставлены пользователями сайта. Администрация не несёт ответственности за их содержание.На сервере хранятся только торрент-файлы. Это значит, что мы не храним никаких нелегальных материалов, а так же материалов охраняемых авторским правом.