16:01
[ МИНИ ЧАТ ]
Левая шторка
Правая шторка
Главная | Регистрация | Вход Приветствую Вас ГостьRSS
Реклама
Глазастик
Реклама
Место свободноеМесто свободное
Глазастик
Место свободноеМесто свободное
  • Страница 1 из 1
  • 1
ФОРУМ » ВСЁ ДЛЯ UCOZ » ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ » Раздвежное меню для сайта
Раздвежное меню для сайта
АГЕНТ Дата: Вторник, 19.01.2010, 08:18 | Сообщение # 1
<<< АДМИН >>>


ГРУППА: [ Администраторы ]

СООБЩЕНИЯ: [ 172 ]


За создание сайта За 50 сообщений За 100 постов За 150 Постов
ПОДАРКИ: [ 3 ]

РЕПУТАЦИЯ:
« 0 »




Для начала скачиваем архив----->>> http://letitbit.net/downloa....ar.html

Разархивируйте содержимое архива
Создайте в корне сайта папку "menu"
И залейте содержимое архива в эту папку
Потом идем в панель управления страница сайта и между тегами <head> и </head>
Ставим этот код:

Code
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>                          
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>

Ставим этот код в CSS :

Code
   color : #fff;     
       padding-left : 10px;     
       background : url(../menu/accordion.png) no-repeat right 0;     
       line-height :25px;     
       height : 25px;     
       cursor : pointer;     
       margin : 0;     
       text-align : left;     
       font-weight : bold;     
       font-family: Arial, Helvetica, sans-serif;     
}     
.accordion h3:hover {     
       color : #ffa;     
       background-image: url(../menu/accordion.png);     
       background-repeat: no-repeat;     
       background-position: right -25px;     
}     
.accordion h3.active {     
       background : url(../menu/accordion.png) no-repeat right -50px;     
}     
.accordion h3.active:hover {     
       background : url(../menu/accordion.png) no-repeat right -75px;     
}     
.accordion p {     
       display : none;     
       margin : 0;     
       padding : 7px 0 7px 7px;     
}     
.accordion a {     
       font-size : 11px;     
       color : #fff;     
       text-align : left;     
       font-weight : bold;     
       padding-left : 15px;     
}     
.accordion p.linked a {     
       background : url(../menu/bull.gif) no-repeat 0 50%;     
}     
.accordion p.linked a:hover {     
       background : url(../menu/bulls.gif) no-repeat 0 50%;     
}     
/* ---------- */

Далее создаем глобальный блок и Кидаем туда этот код:

Code
<div class="accordion">     
         

<h3>Программы/Софт</h3>
     <p class="linked">
     <a class="m" href="Ваш ссылка">Графика</a><br/>     
     <a class="m" href="Ваш ссылка">Мультимедиа</a></br/>
     <a class="m" href="Ваш ссылка">Интернет</a><br/>     
     <a class="m" href="Ваш ссылка">Данные и диски</a><br/>     
     <a class="m" href="Ваш ссылка">Офисс</a></br/>
     <a class="m" href="Ваш ссылка">Система</a><br/>     
     <a class="m" href="Ваш ссылка">Portable</a><br/>     
     <a class="m" href="Ваш ссылка">Разное</a><br/>     
     </p>
 
ФОРУМ » ВСЁ ДЛЯ UCOZ » ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ » Раздвежное меню для сайта
  • Страница 1 из 1
  • 1
Поиск:

НАС СЕГОДНЯ ПОСЕТИЛИ
НОВОСТИ В СЛУЧАЙНОМ ПОРЯДКЕ

СЛУЧАЙНЫЕ НОВОСТИ
Фанат FIFA убил стар...

СЛУЧАЙНЫЕ НОВОСТИ
В 2012 году зомби вы...

СЛУЧАЙНЫЕ НОВОСТИ
Split Second новый з...

СЛУЧАЙНЫЕ НОВОСТИ
Нетбук от поисковика...

СЛУЧАЙНЫЕ НОВОСТИ
Выбраны лучшие игры ...

СЛУЧАЙНЫЕ НОВОСТИ
10 самых жутких игр


ПОСЛЕДНИЕ ОБНОВЛЕНИЯ НА ФОРУМЕ
Название форума Название темы Всего сообщений Последнее сообщение Дата сообщения
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Меню 0 АГЕНТ 22.01.2010 в 21:25
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Плеер как у нас на сайте 0 АГЕНТ 19.01.2010 в 11:28
БЛОКИ СОФТА И АНАЛОГИ Новинки фильмов + Уроки Photoshop 0 АГЕНТ 19.01.2010 в 11:24
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Выдвижное меню 0 АГЕНТ 19.01.2010 в 11:15
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Oтправляй бесплатно sms 0 АГЕНТ 19.01.2010 в 11:09
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Скрипт описание оружия cs 0 АГЕНТ 19.01.2010 в 11:05
БЛОКИ СОФТА И АНАЛОГИ Хороший софт для сайта 0 АГЕНТ 19.01.2010 в 10:59
ПОЛЬЗОВАТЕЛИ Форма входа для сайта 0 АГЕНТ 19.01.2010 в 10:55
ДРУГИЕ СКРИПТЫ ДЛЯ СИСТЕМЫ UCOZ Прикольное радио с диджеем 0 АГЕНТ 19.01.2010 в 10:51
ФОРУМ Удобная кнопка ставь + 0 АГЕНТ 19.01.2010 в 10:48

ПОЛНАЯ СТАТИСТИКА САЙТА
Последние новости Самые отвечаемые темы Последние статьи Последние сообщения
"Аватар" установил рекорд... 27.01.2010
Max Payne 3 в разработке 20.01.2010
Split Second новый замени... 20.01.2010
Battlefield: Bad Company ... 19.01.2010
Компания Samsung показала... 15.01.2010
Меню 0
Плеер как у нас на сайте 0
Новинки фильмов + Уроки P... 0
Выдвижное меню 0
Oтправляй бесплатно sms 0
Оптические мыши: эволюция... 15.01.2010
Создать социальную сеть н... 04.01.2010
Секреты фильтров гугла 04.01.2010
Vkontakte.ru против «Прем... 04.01.2010
Как пользоваться Web Mone... 04.01.2010
Тема Дата и Время Автор
Меню 22.01.2010 ; 21:25 АГЕНТ
Плеер как у нас на с... 19.01.2010 ; 11:28 АГЕНТ
Новинки фильмов + Ур... 19.01.2010 ; 11:24 АГЕНТ
Выдвижное меню 19.01.2010 ; 11:15 АГЕНТ
Oтправляй бесплатно ... 19.01.2010 ; 11:09 АГЕНТ
Скрипт описание оруж... 19.01.2010 ; 11:05 АГЕНТ
Хороший софт для сай... 19.01.2010 ; 10:59 АГЕНТ
Форма входа для сайт... 19.01.2010 ; 10:55 АГЕНТ
Прикольное радио с д... 19.01.2010 ; 10:51 АГЕНТ
Удобная кнопка ставь... 19.01.2010 ; 10:48 АГЕНТ
Новые пользователи Активные пользователи Лучшие комментаторы
DoG 19.03.2013
startsmart 27.10.2012
гость-нах 08.10.2012
Aninew 02.10.2012
doza 02.06.2012
АГЕНТ 172
OnlineCrazy 2
BO$$ 1
Анаконда 1
TeMHo3oPb75 1
АГЕНТ 4
Gotenks69 0
Clark 0
JustSm1le 0
про100саша 0


ПРЕДУПРЕЖДЕНИЕ: ( ВЕСЬ МАТЕРИАЛ И ССЫЛКИ НА ЭТОМ САЙТЕ - ВЫЛОЖЕН ИСКЛЮЧИТЕЛЬНО В ОЗНАКОМИТЕЛЬНЫХ ЦЕЛЯХ. АДМИНИСТРАЦИЯ ДАННОГО САЙТА ОТВЕТСТВЕННОСТИ ЗА ИСПОЛЬЗОВАНИЕ И СОДЕРЖАНИЕ МАТЕРИАЛА, НЕ НЕСЁТ И УБЫТКИ НЕ ВОЗМЕЩАЕТ ) -- ( ПРИ КОПИРОВАНИИ МАТЕРИАЛОВ, ССЫЛКА НА САЙТ - ОБЯЗАТЕЛЬНА! )

Реклама
Реклама
Реклама
Место свободноеМесто свободное
Место свободное
Место свободноеМесто свободное
Copyright MyCorp © 2023
Хостинг от uCoz