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


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



Статистика
Онлайн всего: 19
Гостей: 19
Пользователей: 0



Главная » Файлы » Скрипты для 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

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

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

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

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

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

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


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

Форма входа


Поиск


На форуме

1 Работа на заводе

29

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

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2024


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