Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!


ВЕРТИКАЛЬНОЕ МНОГОУРОВНЕВОЕ ТЕМНОЕ МЕНЮ ДЛЯ UCOZ

ВЕРТИКАЛЬНОЕ МНОГОУРОВНЕВОЕ ТЕМНОЕ МЕНЮ ДЛЯ UCOZ

Замечательное многоуровневое меню для вашего сайта

Установка:

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

<link href="/css/dcaccordion.css" rel="stylesheet" type="text/css" />  
<link href="/css/graphite.css" rel="stylesheet" type="text/css" />  

<script type='text/javascript' src='/js/jquery.cookie.js'></script>  
<script type='text/javascript' src='/js/jquery.hoverIntent.minified.js'></script>  
<script type='text/javascript' src='/js/jquery.dcjqaccordion.2.1.js'></script>  
<script type="text/javascript">  
$(document).ready(function($){  
  $('#accordion-1').dcAccordion({  
  eventType: 'click',  
  autoClose: true,  
  saveState: true,  
  disableLink: true,  
  speed: 'slow'  
  });  

});  
</script>



Следующий код в то место, где будет располагаться само меню:
 <div class="graphite demo-container">  
<ul class="accordion" id="accordion-1">  
<li><a href="#">Home</a></li>  
<li><a href="#">Products</a>  
<ul>  
<li><a href="#">Mobile Phones & Accessories</a>  
<ul>  
<li><a href="#">Product 1</a>  
<ul>  
<li><a href="#">Part A</a></li>  
<li><a href="#">Part B</a></li>  
<li><a href="#">Part C</a></li>  
<li><a href="#">Part D</a></li>  
</ul>  
</li>  
<li><a href="#">Product 2</a>  
<ul>  
<li><a href="#">Part A</a></li>  
<li><a href="#">Part B</a></li>  
<li><a href="#">Part C</a></li>  
<li><a href="#">Part D</a></li>  
</ul>  
</li>  
<li><a href="#">Product 3</a>  
<ul>  
<li><a href="#">Part A</a></li>  
<li><a href="#">Part B</a></li>  
<li><a href="#">Part C</a></li>  
<li><a href="#">Part D</a></li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="#">Desktop</a>  
<ul>  
<li><a href="#">Product 4</a></li>  
<li><a href="#">Product 5</a></li>  
<li><a href="#">Product 6</a></li>  
<li><a href="#">Product 7</a></li>  
<li><a href="#">Product 8</a></li>  
<li><a href="#">Product 9</a></li>  
</ul>  
</li>  
<li><a href="#">Laptop</a>  
<ul>  
<li><a href="#">Product 10</a></li>  
<li><a href="#">Product 11</a>  
<ul>  
<li><a href="#">Part E</a></li>  
<li><a href="#">Part F</a></li>  
<li><a href="#">Part G</a></li>  
<li><a href="#">Part H</a></li>  
</ul>  
</li>  
<li><a href="#">Product 12</a></li>  
<li><a href="#">Product 13</a></li>  
</ul>  
</li>  
<li><a href="#">Accessories</a>  
<ul>  
<li><a href="#">Product 14</a></li>  
<li><a href="#">Product 15</a></li>  
</ul>  
</li>  
<li><a href="#">Software</a>  
<ul>  
<li><a href="#">Product 16</a></li>  
<li><a href="#">Product 17</a></li>  
<li><a href="#">Product 18</a></li>  
<li><a href="#">Product 19</a></li>  
</ul>  
</li>  
</ul>  
</li>  
<li><a href="#">About Us</a>  
<ul>  
<li><a href="#">About Page 1</a></li>  
<li><a href="#">About Page 2</a></li>  
</ul>  
</li>  
<li><a href="#">Services</a>  
<ul>  
<li><a href="#">Service 1</a>  
<ul>  
<li><a href="#">Service Detail A</a></li>  
<li><a href="#">Service Detail B</a></li>  
</ul>  
</li>  
<li><a href="#">Service 2</a>  
<ul>  
<li><a href="#">Service Detail C</a></li>  
</ul>  
</li>  
<li><a href="#">Service 3</a>  
<ul>  
<li><a href="#">Service Detail D</a></li>  
<li><a href="#">Service Detail E</a></li>  
<li><a href="#">Service Detail F</a></li>  
</ul>  
</li>  
<li><a href="#">Service 4</a></li>  
</ul>  
</li>  
<li><a href="#">Contact us</a></li>  
</ul>  
</div>




Залить скрипт из прикреплённого архива в папку js, все стили в папку css и картинки в папку images


menu_ucoz.rar

Просмотры: 3751 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.


Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.


Вся информация о программном обеспечении и скриптах, размещенная на данном сайте, предоставлена исключительно в ознакомительных целях и только для просмотра, и призвана помочь посетителям сайта MixliP.ru выбрать для себя и в последствии приобрести соответствующие лицензионные авторские программные продукты.


Читать полностью информацию правообладателям.


Сайт работает на хостинге BEGET.RU


Рекомендует Mixlip.RU





Наши друзья

Полезное

NEW - Анализ сайта

Оптимизация вашего сайта.

Читайте также

 Пользователи онлайн

  • Всего на сайте: 11
    Пользователей: 0
    Гостей: 6
    Роботов: 5
    Google Yandex Msn Inktomi Spider Rambler