Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 02:51
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Меню Вертикальное с эффектом jquery для Ucoz

Меню Вертикальное с эффектом jquery для Ucoz
Меню светлого фона, Вертикальное с эффектом jquery для Ucoz без под категорий и вариантов подменю.
Меню работает обязательно при активаций в панели управления jquery-1.6.1
Установка меню на сайт:
Копируем код меню и вставляем в контейнер вашего блока , внимание ширина меню фиксированная 247px если вы хотите изменить то это меняется в стиле приложения к менюшки.
Code
<div class="beblock">
<div class="betitle"><div style="padding-top: 3px;">Навигация</div></div>
  <ul class="uartsmenu">
  <li><a style="padding-left: 10px;" href="/" class="m_link">Главная www.ucozon.ru</a></li>

  <li><a style="padding-left: 10px;" href="/forum/" class="m_link">Идеи скриптов www.ucozon.ru</a></li>
  <li><a style="padding-left: 10px;" href="/load/user/1" class="m_link">Пользователи www.ucozon.ru</a></li>
  <li><a style="padding-left: 10px;" href="/load/drugie/3" class="m_link">Другие модули www.ucozon.ru</a></li>
  <li><a style="padding-left: 10px;" href="/load/php/4" class="m_link">PHP Скрипты www.ucozon.ru</a></li>

  <li class="g">Прочее для uCoz</li>
  <li><a href="/load/6" class="m_link" style="border: medium none; padding-left: 10px;">Программы www.ucozon.ru</a></li>

  <li><a style="padding-left: 10px;" href="/load/user/1" class="m_link">Пользователи www.ucozon.ru</a></li>
  <li><a style="padding-left: 10px;" href="/load/drugie/3" class="m_link">Другие модули www.ucozon.ru</a></li>
  <li><a style="padding-left: 10px;" href="/load/php/4" class="m_link">PHP Скрипты www.ucozon.ru</a></li>
  </ul>
</div>

В таблицу стилей в самый низ вставляем стиль, все настройки его визуального эффекта внутри..
Code
.beblock{border-top:#CACACA solid 1px;border-left:#ddd solid 1px;border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;margin-top:-1px;margin-left:-1px;width:259px;display:block;z-index:2;}
ul.uartsmenu{list-style:none;display:block;margin:0;padding:0}
ul.uartsmenu li a,ul.uartsmenu li a:visited,ul.uartsmenu li.g{z-index:1;font-size:11px;font-family:Tahoma;display:block;border-bottom:#ddd solid 1px;color:#7A7A7A;background-color:#f9f9f9;text-decoration:none;text-shadow:1px 1px 0 #fff;height:16px;padding:1px 10px 0}
ul.uartsmenu li a:hover{color:#4E678D;background-color:#fff}
ul.uartsmenu li.g{background:#fff !important;width:247px;color:#7A7A7A;padding:1px 6px 0;font-weight: bold;}
.betitle,.swall{background:url(http://ucozon.ru/SCRIN7/2/uarts_block.png) bottom;height:25px;width:251;border-bottom:#ddd solid 1px;padding-left:8px;padding-top:0px;color:#7A7A7A;font-family:Verdana;text-shadow:1px 1px 0 #fff;font-weight:bold;font-size:11px;}

И скрипт отвечающий за эффект движения при наведение кнопок вставляем на всех страницах где желаем видеть отображение данного меню перед тегом закрытия тела страницы </body>
Code
<script type="text/javascript" src="http://ucozon.ru/SCRIN7/2/footjs.js"></script>

Все готово. используем

Автор\Источник: http://ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3865 | Комментарии: 5 | Рейтинг: 5.0/2 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 26.08.2011 | Скачали: 0 | Теги: ucoz, эффектом, вертикальное, jQuery, меню
Похожие новости на нашем сайте
  • Воздушные фильтры

    Выгодная цена на фильтр воздушный универсальный для компрессора-малый

    hpwr.ru

Коментарий к новости

Всего комментариев: 5
5 Fallen™   Дата: 15.09.2011  Время: 09:16   [№ 10349]
можна все и на css сделать!!!! И плавность тоже

1 Dez   Дата: 26.08.2011  Время: 21:35   [№ 10155]
а разве эфекта такого нельзя добиться не использую скрипт? например так на a:hover сделать сдвиг падингом? при наведении текст будет также уезжать или красную строку поставить

2 STAFF   Дата: 26.08.2011  Время: 21:42   1 [№ 10157]
С эффектом не получится, получится простой сдвиг.

3 Dez   Дата: 26.08.2011  Время: 22:05   2 [№ 10159]
а тут какой эффект тогда?

4 mr_garga   Дата: 26.08.2011  Время: 22:18   3 [№ 10160]
тут все плавно, это же jquery


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru