Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сайт сегодня посетили:

Красивое горизонтальное меню с оригинальной подсветкой активного пункта на jQuery
Главная » Скрипты для uCoz » Красивое горизонтальное меню с оригинальной подсветкой активного пункта на jQuery
Красивое горизонтальное меню с оригинальной подсветкой активного пункта на jQuery для uCoz

Установка:

После /head на нужных вам страницах вставляйте:

Code
<script type="text/javascript" src="/js/jquery.sliding-menu.js"></script>  
  <script type="text/javascript">  
  jQuery(function(){  
  jQuery('#HorizontalSlidingMenu .SlidingMenu').slidingMenu();  
  });  
  </script>  
  <style>  
  body {  
  font-family: "Arial","Verdana","Helvetica";  
  font-size: 0.9em;  
  margin: 1.5em;  
  }  
  ul.SlidingMenu {  
  list-style: none;  
  padding: 0em;  
  }  
  ul.SlidingMenu a {  
  padding: 0.62em 1.5em;  
  text-decoration: none;  
  color: #FFF;  
  outline: none;  
  }  
  ul.Horizontal li {  
  float: left;  
  }  
  .ClearFix {  
  clear: both;  
  }  
  #HorizontalSlidingMenu {  
  background: url('/images/menubg.png') top left repeat-x;  
  }  
  #HorizontalSlidingMenu li.Background {  
  background: url('/images/bg_menu_right.png') top right no-repeat;  
  }  
  #HorizontalSlidingMenu li.Background div{  
  background: url('/images/bg_menu.png') top left no-repeat;  
  height: 100%;  
  margin-right: 31px;  
  }  
  </style>

Следующий код вставляйте в то место, где будет само меню:

Code
<div id="HorizontalSlidingMenu">  
  <ul class="SlidingMenu Horizontal">  
  <li><a href="Ссылка на страницу">Первый пункт</a></li>  
  <li><a href="Ссылка на страницу">Второй пункт</a></li>  
  <li><a href="Ссылка на страницу">Третий пункт</a></li>  
  <li><a href="Ссылка на страницу">Четвёртый пункт</a></li>  
  <li><a href="Ссылка на страницу">Пятый пункть</a></li>  
  </ul>  
  <div class="ClearFix"></div>  
  </div>

Далее залейте файлы из прикреплённого архива следующим образом:
jquery.sliding-menu.js - в папку js
Оставшиеся три картинки - в папку images

Пример работы скрипта можно посмотреть здесь :edik2009.at.ua/forum
Источник материала : apocalypse.ucoz.kz

Скачать

Просмотров: 1284 | Комментариев: 0 | Опубликовал: edik2009 | Дата: 29.08.2010

 19.09.2009   
 

 новая форма входа 

 06.11.2009   
 

 Радио на сайте 

 14.03.2010   
 

 flash часы 

 21.12.2010   
 

 Смена ссылки при об... 

 13.10.2013   
 

 Скрипт Добавь в зак... 

 17.01.2011   
 

 Черное, красивое вы... 

 20.01.2014   
 

 Кнопка вверх и вниз 

 22.11.2010   
 

 Html карта сайта - ... 

 24.11.2009   
 

 Украшение для сайта 

 27.10.2009   
 

 PS для форума 

 17.09.2009   
 

 Кнопка "Регист... 

 06.11.2009   
 

 Скрипт автоматическ... 

 14.03.2010   
 

 flash часы 

 13.11.2010   
 

 Скрипт файлообменни... 

 18.04.2011   
 

 Увеличение картинки... 

 11.01.2010   
 

 Уведомление об испо... 

 07.11.2009   
 

 Топ сайтов 

 15.09.2009   
 

 Загрузка аватаров н... 

 04.12.2009   
 

 Бесконечная сессия ... 

 14.09.2009   
 

 Новый вид фотоальбо... 

 06.11.2009   
 

 Меню для чёрных диз... 

 17.09.2009   
 

 ICQ2GO (Аська на ва... 

 07.10.2010   
 

 Форма опросов как н... 

 01.05.2010   
 

 Дополнение для личн... 

 27.09.2009   
 

 + и - в репутацию н... 

 05.12.2009   
 

 Новый вид материало... 

 07.12.2009   
 

 Вид категорий как н... 

 30.08.2010   
 

 Измененная страница... 

 31.12.2009   
 

 Шапка резина 

 22.12.2010   
 

 Быстрая регистрация... 

 20.12.2009   
 

 Мини профиль как на... 

 27.01.2010   
 

 Кнопка "Спасиб... 

 08.11.2009   
 

 Антимат+антиспам дл... 

 10.11.2009   
 

 Последние Сообщения... 

 28.04.2011   
 

 Георгиевская ленточ... 

 16.09.2009   
 

 Вид новостей v.1.1 

 23.02.2011   
 

 Новый вид категорий... 

 12.02.2012   
 

 Список категорий/ра... 

 14.09.2009   
 

 Новый вид каталог с... 

 13.12.2010   
 

 Дизайнеры форума / ... 

 13.11.2010   
 

 Новый вид спойлера ... 

 29.01.2011   
 

 Делаем стену через ... 

 06.11.2009   
 

 Неплохой,красивый м... 

 24.01.2010   
 

 Оживляем серверные ... 

 14.01.2011   
 

 Серое, вертикальное... 

 01.05.2010   
 

 Персональный курсор... 

 05.11.2009   
 

 Окно просьба зареги... 

 19.03.2010   
 

 Скрипт добавления с... 

 08.11.2009   
 

 Смотрим то что скры... 

 25.12.2010   
 

 Топ 5 пользователей... 

 02.05.2010   
 

 Растягиваем таблицу... 

 06.11.2009   
 

 Реклама между поста... 

 28.09.2010   
 

 Замена стандартной ... 

 25.09.2009   
 

 Инфо окно перед соз... 

 31.01.2010   
 

 Простенькое меню са... 

 03.03.2010   
 

 Необходимый софт ne... 

 20.09.2009   
 

 Статистика сайта 

 05.05.2010   
 

 Photoshop онлайн дл... 

 05.11.2009   
 

 Вид материалов by e... 

 04.10.2009   
 

 Мини профиль 

 12.07.2010   
 

 Получить код 

 18.11.2013   
 

 Кнопки "Вверх&... 

 08.11.2009   
 

 Сворачивание и разв... 

 06.11.2009   
 

 Вертикальное меню 

 09.06.2014   
 

 Форма заказа для Ин... 

 02.11.2009   
 

 Белый переключатель... 

 02.08.2010   
 

 Черное аякс окно v.... 

 17.01.2011   
 

 Сворачивание/развор... 

 13.12.2009   
 

 Авто-регистрация 

 07.11.2009   
 

 Новая красивая стра... 

 07.11.2009   
 

 Проверка тем на дуб... 

 11.02.2012   
 

 Оповещание о новых ... 

 05.11.2009   
 

 Форма регисрации by... 

 24.10.2010   
 

 Скрипт скрывает опи... 

 30.11.2009   
 

 Состав для кланов и... 

 24.04.2011   
 

 Новый вид цитаты и ... 

 25.09.2009   
 

 Прозрачная ucoz пан... 

 23.07.2010   
 

 Только зарегистриро... 

 13.09.2010   
 

 Как скачать с Letit... 

 20.12.2009   
 

 При наведении на ст... 

 23.07.2010   
 

 Упрощенная админ па... 

 06.11.2009   
 

 Раздвижное меню &qu... 

 07.11.2009   
 

 Информация о пользо... 

 20.05.2010   
 

 Watemark для любого... 

 23.05.2010   
 

 Автоматическое пере... 

 11.02.2010   
 

 Просмотр форумa 

 17.09.2009   
 

 Аватар в гостевой 

 18.09.2009   
 

 Игра на сайт 

 08.11.2009   
 

 Оповещение о битой ... 

 23.07.2010   
 

 Оповещение о новых ... 

 19.12.2009   
 

 Новое на форуме как... 

 14.03.2010   
 

 flash часы 

 08.11.2009   
 

 Быстрый поиск по ка... 

 01.02.2010   
 

 Flash часы 

 28.09.2009   
 

 Реклама между поста... 

 21.05.2010   
 

 Текстовые шаблоны д... 

 04.11.2009   
 

 Белый переключатель... 

 14.09.2011   
 

 Уведомление о новом... 

 06.11.2009   
 

 Shadowbox Layers ,п... 

 13.10.2009   
 

 Мини профиль By Hac... 

 12.02.2012   
 

 Улучшенная, красива... 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.