All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Видео дня

Популярное

Реклама

Хочешь помочь проекту? Установи наш баннер!

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Авторизация

Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

что лучше?

1. Mozilla Firefox
2. Opera
3. IE

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 17
Прохожие: 17
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100
HTML и DHTML [2] JavaScript [5]
Mootools [2] JQuery [22]
Разное [2] CSS [4]
PHP [1]
АвторАвтор: leonP4 | ДатаДата: 01.09.2010 |Голосов: 0


Интересное меню с оригинальной подсветкой пунктов. Замечательно смотрится на тёмных дизайнах

Установка:

После /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


Теги к статье:

| : jQuery, меню, скрипты
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Популярные файлыНовые файлы
Call of Duty 5: World at ...[ Скачали 67840 раз ]
Амфибии, Гайд по ассасина...[ Скачали 32219 раз ]
Амфибии, Гайд по шаманам.[ Скачали 31046 раз ]
cs 1.6 patch v48 full[ Скачали 29534 раз ]
Русский бот PW Alfa v 2.6[ Скачали 17718 раз ]
Огромный пак глюков и баг...[ Скачали 13182 раз ]
civilization 5 скачать бе...[ Скачали 12260 раз ]
PW MP5[ Скачали 11567 раз ]
MHS-Bot-PW 2.3 ботовод[ Скачали 10965 раз ]
Niko Bellic (нико белич) ...[ Скачали 10322 раз ]
Wallpapers Girls №1196[ Добавлен 12.07.2025 ]
Wallpapers Mix №1953[ Добавлен 09.07.2025 ]
Wallpapers Mix №1952[ Добавлен 08.07.2025 ]
Wallpapers Mix №1951[ Добавлен 05.07.2025 ]
Wallpapers Girls №1195[ Добавлен 04.07.2025 ]
Wallpapers Mix №1950[ Добавлен 03.07.2025 ]
Wallpapers Mix №1949[ Добавлен 29.06.2025 ]
Wallpapers Mix №1948[ Добавлен 28.06.2025 ]
Wallpapers Girls №1194[ Добавлен 23.06.2025 ]
Wallpapers Mix №1947[ Добавлен 23.06.2025 ]