Меню сайта
КАТАЛОГ ФАЙЛОВ
КАТАЛОГ САЙТОВ
Проблемы с компьютером
ЗАРАБОТОК В СЕТИ
Обмен электронных денег
ВСЁ ДЛЯ ВЕБ-МАСТЕРА
Сотовая связь
Журнальный ключ Dr.Web
Связь с нами
Фотоальбомы
Наша кнопка Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:
Здравствуйте Гость , Вы находитесь на данной странице уже 5 минут , мы беспокоимся о Вас, может Вам скучно? тогда сыграйте в игру.
Раздвижное меню
Установка: 1. Копируем код и вставляем в CSS: Code
a:focus, a:hover { color : #00FFFF; } a { color : #fff; text-decoration : none; } #navigation { margin-bottom : 5px; } .subnav { color : #d1d1d1; text-align:center; } .navhead, .navhead_blank { width:100%; text-align:center; height:21px; padding-top:3px; background:url('http://potapbonus.ucoz.ru/menu/greenrep.png') 0 0 repeat-x; border:1px solid #7dbc00; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; } .selected { background:url('http://potapbonus.ucoz.ru/menu/whiterep.png') 0 0 repeat-x; border:1px solid #e8e8e8; font-weight:bold; } .selected span { color:#000!important; } .navhead { cursor : pointer; } .submenu { width:100%; margin : 0; padding : 0; list-style : none; margin-bottom:20px; } .submenu li { margin:0 auto; width : 95%; } .submenu li a { width:100%; display : block; color : #ccc; padding-top : 3px; height : 20px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#111; margin-bottom:3px; border:1px solid #222; } .submenu li a:hover { color : #fff; background:#222; border:1px solid #333; }
2. Вставляем в любой блок на сайте(туда, где хотим видеть раздвижное меню для ucoz): Все ссылки поставте свои Code
<div id="navigation"> <div class="sidenav"> <div class="navhead_blank"><span><a href="http://potapbonus.ucoz.ru/" title=""><b>ГЛАВНАЯ СТРАНИЦА</b></a></span></div> <div class="navhead selected"><span>КАТАЛОГ ФАЙЛОВ </span></div> <div style="display: block;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/index/proverka/0-71" title="">Софт</a></li> <li><a href="http://potapbonus.ucoz.ru/index/proverka/0-71" title="">Игры</a></li> <li><a href="http://potapbonus.ucoz.ru/index/proverka/0-71" title="">Музыка</a></li> <li><a href="http://potapbonus.ucoz.ru/index/proverka/0-71" title="">Книги</a></li> </ul> </div> <div class="navhead"><span>КАТАЛОГ САЙТОВ</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/dir/kompjutery/53" title="">Компьютеры,программы,интернет</a></li> <li><a href="http://potapbonus.ucoz.ru/dir/softplayfilm/23" title="">СОФТ,ИГРЫ,ФИЛЬМЫ,МУЗЫКА</a></li> <li><a href="http://potapbonus.ucoz.ru/dir/sport/120" title="">СПОРТ</a></li> <li><a href="http://potapbonus.ucoz.ru/dir/rabota_i_zarabotok/158" title="">Раскрутка сайта и заработок</a></li> <li><a href="http://potapbonus.ucoz.ru/dir/medicina_i_zdorove/79" title="">Медицина и здоровье </a></li> <li><a href="http://potapbonus.ucoz.ru/dir/otdykh_i_razvlechenija/128" title="">Отдых и развлечения </a></li> </ul> </div> <div class="navhead"><span>Проблемы с компьютером</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/news/vopros_otvet/1-0-1" title="">ВОПРОС-ОТВЕТ</a></li> <li><a href="#" title="">Ссылка 2</a></li> <li><a href="#" title="">Ссылка 3</a></li> </ul> </div> <div class="navhead"><span>ЗАРАБОТОК В СЕТИ</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/index/zarabotok_v_internete/0-65" title="">Способы заработка</a></li> <li><a href="http://potapbonus.ucoz.ru/index/forex_na_avtomate/0-56" title="">FOREX НА АВТОМАТЕ</a></li> <li><a href="http://potapbonus.ucoz.ru/index/vremja_raboty_birzh/0-72" title="">Время работы бирж</a></li> <li><a href="http://potapbonus.ucoz.ru/index/prognozy_forex_novosti_kommentarii/0-91" title="">Прогнозы Forex,Новости</a></li> <li><a href="http://potapbonus.ucoz.ru/index/terminologija_forex/0-92" title="">Терминология Forex</a></li> </ul> </div> <div class="navhead"><span>ВСЁ ДЛЯ ВЕБ-МАСТЕРА</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/index/vsjo_dlja_veb_mastera/0-37" title="">Основные теги</a></li> <li><a href="http://potapbonus.ucoz.ru/index/plaginy_dlja_buksa_sistem_sooofast/0-38" title="">ПЛАГИНЫ для Букса</a></li> <li><a href="http://potapbonus.ucoz.ru/index/skripty/0-39" title="">Скрипты</a></li> <li><a href="http://potapbonus.ucoz.ru/index/knigi_i_uchebniki/0-40" title="">Книги и учебники</a></li> </ul> </div> <div class="navhead"><span>Сотовая связь</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/index/oplata_sotovoj_svjazi_i_televidenija/0-12" title="">Оплата сотовой связи</a></li> <li><a href="#" title="">Отправить SMS</a></li> </ul> </div> <div class="navhead"><span>Журнальный ключ Dr.Web</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/blog/dr_web_k/2011-05-01-7" title="">Скачать ключ Dr.Web</a></li> <li><a href="http://potapbonus.ucoz.ru/news/kak_obnovit_kljuch_drweb/2011-01-17-43" title="">Как обновить ключ DrWeb?</a></li> </ul> </div> <div class="navhead"><span>Связь с нами</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/gb" title="">ГОСТЕВАЯ КНИГА</a></li> <li><a href="http://potapbonus.ucoz.ru/index/obratnaja_svjaz/0-95" title="">Обратная связь</a></li> <li><a href="http://potapbonus.ucoz.ru/index/pravila/0-96" title="">Правила</a></li> </ul> </div> <div class="navhead"><span>Фотоальбомы</span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://potapbonus.ucoz.ru/photo/1" title="">Модели MET-ART 2009-2010</a></li> <li><a href="http://potapbonus.ucoz.ru/photo/2" title="">Красивые Девушки</a></li> <li><a href="http://potapbonus.ucoz.ru/photo/raznoe/3" title="">Разное</a></li> </ul> </div> </div> </div>
3. Вставляем на каждой странице где хотим видеть меню: Code
<script src="http://potapbonus.ucoz.ru/menu/jquery.js" type="text/javascript"></script> <script src="http://potapbonus.ucoz.ru/menu/functions.js" type="text/javascript"></script>
Категория: Скрипты для ucoz | Добавил: ПОТАП (08.06.2012)
Просмотров: 1537
| Теги: скрипты для Ucoz , Раздвижное меню
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]