Главная » Скрипты для uCoz » Другие скрипты » Красивое раздвижное меню

Красивое раздвижное меню

· ·
Установка
1.Скачайте АРХИВ , распаковывать и залить папку "menu" в корень сайта.

В 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
/* Menu */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}
.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%;}
/* ---------- */

Далее редактируете ссылки и ставите код:

Code
<div class="accordion">  
  <h3>Главное меню</h3>  
  <p class="linked">
  <a href="/">Главная страница</a><br/>
  <a href="/gb/">Гостевая книга</a><br/>
  <a href="/index/0-3">Обратная связь</a><br/>
  <a href="/board/">Доска объявлений</a><br/>
  <a href="/publ/">Каталог статей</a><br/>  
  <a href="/dir/">Каталог сайтов</a><br/>
  <a href="/blog/">Блог</a><br/>
  <a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a><br/>
  </p>  
  <h3>Компьютер</h3>  
  <p class="linked">
  <a href="/load/">Каталог файлов</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  </p>  
  <h3>Отдохни</h3>  
  <p class="linked">
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  </p>  
  <h3>Форум</h3>  
  <p class="linked">
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  <a href="/">Пусто</a><br/>
  </div>  
  <br/>



Последние темы на форуме:
 Почтовые акки с паролями
 Общение "часть 2 "
 Обмен регистрациями (Бесплатная раскрутка вашего сайта)
 Требуются Модераторы и Журналисты
 Оцените HD - кинотеатр



Теги: красивое, Другие скрипты, меню, Раздвижное
  • Добавил: Воробей
  • Просмотров : 4311
  • Загрузок : 726
  • Добавлено: 06.11.2019
  • Категория: Другие скрипты






Всего комментариев: 1
1 Samogon174   (01.04.2011 14:47:16)
1.А где архив??? :'(
2.И где именно в head вставлять??? Объясните пожалуйста! Поподробнее)))
3.И где изменить цвет при наведении с оранжевого на красный?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]