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

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Флудилка (2)
  • Скачать SWAT 4 Gold Edition бесплатно (2)
  • Предсказания Нострадамуса на XXI век (1)
  • Непонятный мне баг... (1)
  • Новый вид "Доступ ЗАПРЕЩЕН" для ucoz (0)
  • Новый вид Технических работ для Ucoz (0)
  • Очень красивый шаблон Aebox (0)
  • win-x Original (0)
  • Синий шаблон WAREZ by alex-net (0)
  • Адаптация шаблона сайта avant-group под ucoz (0)
  • Флудилка (2)
  • Новый вид "Доступ ЗАПРЕЩЕН" для ucoz (0)
  • Новый вид Технических работ для Ucoz (0)
  • Очень красивый шаблон Aebox (0)
  • win-x Original (0)
  • Синий шаблон WAREZ by alex-net (0)
  • Адаптация шаблона сайта avant-group под ucoz (0)
  • Адаптация шаблона qeek (ucoz) (0)
  • Красивое горизонтальное меню с оригинальной подсветкой акти (0)
  • Горизонтальный Мини профиль (Новый) (0)
  • edik2009
  • dima2009
  • Foxit-Kill
  • milashka
  • AHTNXPNCT
  • Жора
  • Andy
  • MifLegend
  • Hacker
  • Mrakoris
  • Grinvic
  • Fd-GOD
  • Milenius
  • YasyA
  • Vadimka
  • 4epen
  • DANGEREST
  • Kira93
  • DimaExclusive
  • Mrslivka
  • Stepas46
  • ₣Ą[N]ĄŤ
  • UzJaR
  • Бабай
  • awesome
  • MrFreeman
  • Ven
  • pushok
  • -angel-
  • fghfghfghgfh
  • CS6562
  • fanatik
  • anri
  • Angel85
  • Admin4447
  • bodyaga
  • pankv2010
  • Tolya
  • K_n1fe
  • [p47]serega
  • alexmocrushin19.25.49
    bykovadma14.41.06
    lenamorcvina00.18.18
    Anwalt09.18.05
    konzur17.38.20
    kmkmkmkm9090909000.25.22
    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



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