Очень красивое выдвижное меню - 1 Июня 2010

Главная Вход Регистрация

Меню сайта

Категории раздела

Скрипты для uCoz [274]

Скрипты для uCoz созданны, чтобы украсить ваш сайт

Шаблоны для uCoz [58]

Сделайте свой сайт красивым с помощью нашего раздела Шаблоны на uCoz

Шаблоны для Форума (uCoz) [2]

Скачать бесплатно Шаблоны на Форум uCoz

Кнопки Форума [0]

Кнопки на форум бесплатно только у нас

Иконки форума [3]

uCoz иконки форума множества красивых иконок на ваш сайт

Иконки групп [13]

Иконки для групп на uCoz, скачать бесплатно

Разное [46]

Разное- тут собраны файлы, статьи, паки не вошедшие в другие разделы

Видеоуроки по uCoz [41]

Уроки по системе uCoz

Наш опрос

Статистика

Онлайн всего: 6

Гостей: 6

Пользователей: 0

Главная » » Очень красивое выдвижное меню

20:12

Очень красивое выдвижное меню

Шаг 1 :Сначала скачиваем архив и создаем папку menu в корне файла менеджера и закидываем все туда!

Шаг 2 :Это ставим в глобальный блог меню: (Ну или куда хотим поставить меню):

Code

<div class="accordion">
<h3><font color="#ffd700">Меню 1</font></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><font color="#ffd700">Меню 2</font></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><font color="#ffd700">Меню 3</font></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><font color="#ffd700">Меню 4</font></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></div>

Шаг 3 :А это ставим перед : (на всех страницах)

Code

Шаг 4 : А это в CSS :(ставим в самый низ)

Code

/* Menu By GGabit*/
.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 : #213548;}
.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 : #213548;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/menu/cnup.png) no-repeat 0 50%;}
/* ---------- */

Гость, чтобы бесплатно скачать файл кликните по одной из рекламных ссылок ниже:

Категория: Скрипты для uCoz | Просмотров: 863 | Добавил: Gangs1er | Рейтинг: 0.0/0

Всего комментариев: 0

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

Меню сайта

Категории раздела

Наш опрос

Статистика

Форма входа

Поиск

Календарь

Архив записей