Ваш логин:Гость
Ваше имя:Гость
Ваша група:Гости
Ваш IP адрес:54.226.227.175
У вас нет непрочитанных сообщений
[
Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Архив - только для чтения
Форум » Форум на edik2009.at.ua » Скрипты для UCOZ » Красивое горизонтальное меню с оригинальной подсветкой акти (как у нас)
Красивое горизонтальное меню с оригинальной подсветкой акти
edik2009Дата: Воскресенье, 29.08.2010, 14.19.14 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 74
Награды: 18
Репутация: 27
Статус:

Установка:

После /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
Источник материала : apocalypse.ucoz.kz

Скачать


 
Форум » Форум на edik2009.at.ua » Скрипты для UCOZ » Красивое горизонтальное меню с оригинальной подсветкой акти (как у нас)
Страница 1 из 11
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Заказы (9999)
  • Заказы (171)
  • Флудилка (2)
  • Скачать SWAT 4 Gold Edition бесплатно (2)
  • Предсказания Нострадамуса на XXI век (1)
  • Непонятный мне баг... (1)
  • Форма добавления комментариев (Сборка от Apocalypse) (0)
  • Новички на сайте 2.5 by Apocalypse для uCoz (0)
  • Шаблон социальной сети UcozSocial для ucoz (0)
  • CS шаблон для сайтов системы ucoz с рабочим конструктором (0)
  • Флудилка (2)
  • Заказы (171)
  • Заказы (9999)
  • Новый вид "Доступ ЗАПРЕЩЕН" для ucoz (0)
  • Новый вид Технических работ для Ucoz (0)
  • Очень красивый шаблон Aebox (0)
  • win-x Original (0)
  • Синий шаблон WAREZ by alex-net (0)
  • Адаптация шаблона сайта avant-group под ucoz (0)
  • Адаптация шаблона qeek (ucoz) (0)
  • edik2009
  • dima2009
  • AHTNXPNCT
  • Foxit-Kill
  • milashka
  • Milenius
  • YasyA
  • Vadimka
  • Жора
  • Fd-GOD
  • Mrakoris
  • fghfghfghgfh
  • CS6562
  • fanatik
  • LeaN1n
  • 4epen
  • Grinvic
  • Hacker
  • ₣Ą[N]ĄŤ
  • UzJaR
  • Бабай
  • awesome
  • MrFreeman
  • Ven
  • pushok
  • -angel-
  • DANGEREST
  • Andy
  • MifLegend
  • ISLAMGAGIEV
  • Xaker
  • andryxa95
  • pankv2010
  • Tolya
  • K_n1fe
  • [p47]serega
  • VENUIAH
  • RiseOFGlory
  • kirill22kirill
  • Dun0s
  • sashashvetzov201722.43.14
    mrvolkov49006.14.51
    olegafox14.40.14
    admin247418.56.50
    viktor11101.46.56
    AD23.39.23
    Антон18.35.25
    Древний_лавочник18.40.17
    milashka02.02.30
    edik2009354422.09.16
    Kornel17.23.40
    Plyamchik03.16.20
    LOverwow17.26.27
    RaDig17.25.09
    techadmin20.48.49
    MASTER11.48.09
    Vovan4ik-33318.07.55
    vital08.50.35
    Дмитрий20.03.11
    sadiar15.25.47



    Copyright edik2009.at.ua © 2009-2017
    Хостинг от uCoz
    [ Для правообладателей! ]
    Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте, а также за возможное игнорирование пользователями коммерческого статуса программного обеспечения, к которому ведут ссылки, представленные на данном сайте.