Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » uCoz » Скрипты - меню сайта » Выпадающее меню для сайта
Выпадающее меню для сайта
ŃξŋĔДата: Воскресенье, 01.08.2010, 16:56 | Сообщение # 1
Титул:я тут главный!
Группа работы:
Группа: гл.Администратор
Сообщений: 234
Репутация: 53
Статус: Пользователя в данный момент нету
ICQ:560314791

За 100 Постов Бог сайта и форума За любовь народа За хорошую посещаемость на форуме За супер посещаемость За Бог, богаа За помощь народу За 1 пост За 5 Постов За 10 Постов

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 » Скрипты - меню сайта » Выпадающее меню для сайта
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024