Главная » 2010 » Март » 15 » Черное выпадающее вертикальное меню (супер) (Скрипты для ucoz)
15.03.2010, 18:08

Черное выпадающее вертикальное меню (супер)



1) Скачиваем архив и кидаем папку menu из него в корень сайта.

2) Везде, в head ставим эти строчки:

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

3) ПУ-->Управление дизайном-->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%;}  
/* ---------- */

4) А этот код редактируем и вставляем в нужное место:

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/>
Материал взят с сайта infoscript.ru
Теги: Скачать Черное выпадающее вертикальное меню (супер)
Скачать "Черное выпадающее вертикальное меню (супер)"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 7938 | Добавил: antisept | Рейтинг: 5.0/3 |
Теги: вертикальное, приватность, меню, Супер, выпадающее
Всего комментариев: 2
0  
1 RaDo^^   (16.03.2010 16:34) [Материал]
Аватар пользователя
cool thumb

0  
2 sold93 -Infoscript Team-  (06.05.2011 16:19) [Материал]
Аватар пользователя
respect Суперское меню.

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