Выпадающее меню для сайта by Хирург - Скрипты - меню сайта - uCoz - Форум

businesswau.ru Все для тебя и твоей игры!

img
Страница 1 из 11
Форум » uCoz » Скрипты - меню сайта » Выпадающее меню для сайта by Хирург
Выпадающее меню для сайта by Хирург
Воскресенье, 07.08.2011, 21:04 | Сообщение # 1
Сообщений:
110
Награды:

1. Идем в админку - управление дизайном - страницы сайта между и вставляем этот код:
Code
<script type="text/javascript">      
   sfHover = function() {      
   var sfEls = document.getElementById("menu").getElementsByTagName("li");      
   for (var i=0; i<sfEls.length; i++) {      
   sfEls[i].onmouseover=function() {      
   this.className+=" sfhover";      
   }      
   sfEls[i].onmouseout=function() {      
   this.className=this.className.replace(new RegExp(" sfhover\\b"), "");      
   }      
   }      
   }      
   if (window.attachEvent) window.attachEvent("onload", sfHover);      
   </script>

2. Идем в админку - управление дизайном - Таблица стилей (CSS) и вставляем этот код:
Code
.menu {padding:0; margin:0; width:195px; border-top: 1px solid #ccc;}      
   .menu li {background-color:#181818; margin:0; padding: 6px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}      

   * html .menu li {background-color:#181818; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}      

   .menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#ffa200; margin:0;}      

   .menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}      
   .menu ul ul { left: 198px; }      

   .menu li:hover ul ul,      
   .menu li:hover ul li:hover ul ul,      
   .menu li.sfHover ul ul,      
   .menu li.sfHover ul li.sfHover ul ul { display: none; }      

   .menu li:hover ul,      
   .menu li:hover ul li:hover ul,      
   .menu li:hover ul li:hover ul li:hover ul,      
   .menu li.sfHover ul,      
   .menu li.sfHover ul li.sfHover ul,      
   .menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }      

   .menu li:hover, li.sfHover { background: #3e4b65; }      
   .menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#ff0000;}      

   .in {background-image: url(arrow2.gif);background-position: right;background-repeat: no-repeat;}

3. Этот код вставляем туда где будет меню:
Code
<ul class="menu" id="menu">     
  <li><a href='http://disignstudio.net.ru/'>Сайт DisignStudio.net.ru</a></li>     
  <li><a href='http://disignstudio.net.ru/forum'>Форум</a></li>  
  <li><a href='http://disignstudio.net.ru/index/0-32'>Наши баннеры</a></li>     
  <li><a href='http://disignstudio.net.ru/index/preduprezhdenie/0-47'><font color="#FF0000">Предупреждение</font></a></li>  

  <li class="in"><a href='#'>Онлайн кинотеатр <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/blog/uzhasy/1-0-6'>Ужасы</a></li>  
  <li><a href='http://disignstudio.net.ru/blog/fehntezi/1-0-5'>Фантастика</a></li>  
  <li><a href='http://disignstudio.net.ru/blog/boeviki/1-0-8'>Боевик</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/semejnye/1-0-10'>Семейные</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/voennye/1-0-17'>Военные</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/prikljuchenija/1-0-7'>Преключения</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/istoricheskie/1-0-9'>Исторические</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/drama/1-0-14'>Драма</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/komedii/1-0-4'>Комедии</a></li>     
  <li><a href='http://disignstudio.net.ru/blog/otechestvennoe/1-0-21'>Отечестенные</a></li>     
  </ul>     
  </li>     

  <li class="in"><a href='#'>Скачать бесплатно <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>     
  <li><a href='http://disignstudio.net.ru/load/7'>Софт</a></li>  
  <li><a href='http://disignstudio.net.ru/load/11'>Игры</a></li>  
  <li><a href='http://disignstudio.net.ru/load/10'>Музыку</a></li>  

  <li class="in"><a href='#'>Фильмы <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/news/1-0-3'>Ужасы</a></li>  
  <li><a href='http://disignstudio.net.ru/news/1-0-1'>Боевики</a></li>  
  <li><a href='http://disignstudio.net.ru/news/1-0-2'>Комедии</a></li>  
  <li><a href='http://disignstudio.net.ru/news/1-0-4'>Фантастика</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-5'>Мистика</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-6'>Детективы</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-7'>Мелодраммы</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-8'>Семейные</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-9'>Мультфильмы</a></li>     
  <li><a href='http://disignstudio.net.ru/news/drama/1-0-22'>Драма</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-16'>Концерты</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-14'>Спотривные</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-13'>Документальное</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-17'>Приключения</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-18'>Военные</a></li>  
  <li><a href='http://disignstudio.net.ru/news/1-0-12'>ТВ передачи и Шоу</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-10'>Сериалы Российские</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-11'>Сериалы Зарубежные</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-21'>Отечественные</a></li>  
  <li><a href='http://disignstudio.net.ru/news/istoricheskie/1-0-23'>Исторические</a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-19'><font color="#FF0000">Для взрослых 18+</font></a></li>     
  <li><a href='http://disignstudio.net.ru/news/1-0-20'>Обучающие видеопрограммы</a></li>     
  </ul>     
  </li>     
  </ul>     
  </li>  
  <li class="in"><a href='#'>Все для uCoz <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/forum/6'>Скрипты для uCoz</a></li>  
  <li><a href='http://disignstudio.net.ru/load/2'>Шаблоны uCoz</a></li>  
  <li><a href='http://disignstudio.net.ru/load/3'>Шаблоны для форума</a></li>  
  <li><a href='http://disignstudio.net.ru/load/4'>Кнопки для форума</a></li>     
  <li><a href='http://disignstudio.net.ru/load/29'>Иконки групп</a></li>     
  <li><a href='http://disignstudio.net.ru/load/5'>Ранги</a></li>     
  <li><a href='http://disignstudio.net.ru/load/6'>Другое</a></li>     
  <li><a href='http://disignstudio.net.ru/load/8'>Для Web мастеров</a></li>  
  <li><a href='http://disignstudio.net.ru/load/30'>Элементы дизайна</a></li>     
  </ul>     
  </li>     

  <li class="in"><a href='#'>Web мастеру <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/15'>Графика</a></li>  
  <li><a href='http://disignstudio.net.ru/load/14'>Обои,картинки</a></li>  
  <li><a href='http://disignstudio.net.ru/load/16'>Другое</a></li>  
  <li><a href='http://disignstudio.net.ru/load/13'>Иконки, аватары</a></li>  
  <li><a href='http://disignstudio.net.ru/load/30'>Элементы дизайна</a></li>  
  <br>  
  <li><a href='http://disignstudio.net.ru/dir/'>Каталог сайтов DisignStudio</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/41'>Бесплатная раскрутка</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/41'>Регистрация вашего сайта</a></li>  
  <br>  
  <li><a href='http://disignstudio.net.ru/load/foto/foto_prikoly/49'>Фото приколы</a></li>  
  <li><a href='http://disignstudio.net.ru/load/foto/porno_zvezdy/91'>Фото порно звезд</a></li>  
  <li><a href='http://disignstudio.net.ru/load/foto/znamenitosti/51'>Фото знаменитостей</a></li>  
  </ul>     
  </li>  

  <li class="in"><a href='#'>Web технологии <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/ajax/93'>Ajax</a></li>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/asp_aspnet/94'>Asp / Asp.Net</a></li>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/css/95'>Css</a></li>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/html_xtml/96'>Html / Xtml</a></li>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/javascript/97'>JavaScript</a></li>  
  <li><a href='http://disignstudio.net.ru/load/web_tekhnologii/php/98'>PHP</a></li>     
  </ul>     
  </li>  

  <li class="in"><a href='#'>Все для Photoshop <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/18'>Скачать Photoshop</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/72'>Уроки Photoshop</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/51'>Видео уроки Photoshop</a></li>  
  <li><a href='http://disignstudio.net.ru/load/19'>Кисти</a></li>  
  <li><a href='http://disignstudio.net.ru/load/26'>Стили</a></li>  
  <li><a href='http://disignstudio.net.ru/load/ramki/83'>Рамки</a></li>  
  <li><a href='http://disignstudio.net.ru/load/20'>Шрифты</a></li>  
  <li><a href='http://disignstudio.net.ru/load/25'>Плагины</a></li>     
  <li><a href='http://disignstudio.net.ru/load/filtry/34'>Фильтры</a></li>     
  <li><a href='http://disignstudio.net.ru/load/22'>Текстуры</a></li>     
  <li><a href='http://disignstudio.net.ru/load/21'>Открытки</a></li>     
  <li><a href='http://disignstudio.net.ru/load/23'>Загатовки</a></li>     
  <li><a href='http://disignstudio.net.ru/load/24'>Градиенты</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/65'>Готовые psd работы</a></li>  
  <li><a href='http://disignstudio.net.ru/load/28'>Другое для Photoshop</a></li>     
  </ul>     
  </li>     

  <li class="in"><a href='#'>Бигбары <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/avto/40'>Авто</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/igry/37'>Игры</a></li>  
  <li><a href='http://disignstudio.net.ru/load/36'>Спорт</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/raznone/46'>Разное</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/muzyka/44'>Музыка</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/mobilnye/59'>Мобилки</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/logotipy/43'>Логотипы</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/internet/42'>Интернет</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/znamenitosti/38'>Знаменитости</a></li>  
  <li><a href='http://disignstudio.net.ru/load/bigbary/strany/45'>Страны,Города</a></li>  
  </ul>     
  </li>  

  <li class="in"><a href='#'>Все для CS 1.6 <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/chity/57'>Читы для CS-1.6</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/boty/66'>Боты</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/karty/54'>Карты</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/patchi/53'>Патчи</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/plaginy/101'>Плагины</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/sprajty/64'>Спрайты</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/counter_stricke_16/60'>Скачать CS</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/modeli_oruzhija/55'>Модели оружия</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/modeli_igrokov/56'>Модели игроков</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/gotovye_servery/58'>Готовые сервера</a></li>     
  </ul>     
  </li>  

  <li class="in"><a href='#'>Все для CS:Source <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/chity/74'>Читы для CS Source</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/mody/99'>Моды</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/karty/75'>Карты</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_16/patchi/53'>Патчи</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/counter_stricke_source/88'>Скачать CS Source</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/modeli_oruzhija/77'>Модели оружия</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/modeli_igrokov/76'>Модели игроков</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/gotovye_servery/82'>Готовые сервера</a></li>  
  <li><a href='http://disignstudio.net.ru/load/counter_stricke_source/sprajty/90'>Взрывы и выстрелы</a></li>  
  </ul>     
  </li>  

  <li class="in"><a href='#'>Изготовим графику <IMG src="/http:/s58.radikal.ru/i162/1001/4e/5397ca4c36e1.gif" border="0"></a>     
  <ul>  
  <li><a href='http://disignstudio.net.ru/forum/22'>Изготовим Шапку</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/23'>Изготовим Баннер</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/24'>Изготовим Аватарку</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/21'>Изготовим Дизайн сайта</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/26'>Изготовим Спрей для CS:S</a></li>  
  <li><a href='http://disignstudio.net.ru/forum/66'>Изготовим другую графику</a></li>  
  </ul>     
  </li>
Форум » uCoz » Скрипты - меню сайта » Выпадающее меню для сайта by Хирург
Страница 1 из 11
Поиск:
Ваш профиль на сайте