Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Новое красивое раздвижное меню
Torres_1_Дата: Воскресенье, 08.08.2010, 00:16 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
[img]menu-razdvijnoe-krasivoe.png[/img]


Установка:

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

Шаг 2: Это ставим в глобальный блог меню: (Ну или куда хотим поставить меню):
Код
<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>

Тут где Пусто - название, адрес - ссылку на нее, Меню 1... - Название меню

Шаг 3: А это ставим перед : (на всех страницах)
Код
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>     
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>

Шаг 4: А это в CSS :(ставим в самый низ)
Код
/* 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%;}     
/* ---------- */

Вот и все! Если он не подходит можете переделать его под себя!
 
Torres_1_Дата: Суббота, 05.04.2014, 18:11 | Сообщение # 2
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Нет архива, перемещено в корзину
 
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Какой у вас браузер?
javascript:; javascript:;
Всего ответов: 176

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.