Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Новое вертикальное меню для uCoz
13.11.2018
Новое вертикальное меню для uCoz
  • 985 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Красивое Новенькое меню аккордеон на JQuery для вашего сайта. Выполнено меню в светлом стиле и подойдёт для сайтов с светлым дизайном.

Код
<style>  
.topnav {  
  width: 213px;  
  padding: 40px 28px 25px 0;  
  font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;  
}  

ul.topnav {  
  padding: 0;  
  margin: 0;  
  font-size: 1em;  
  line-height: 0.5em;  
  list-style: none;  
}  

ul.topnav li {}  

ul.topnav li a {  
  line-height: 10px;  
  font-size: 11px;  
  padding: 10px 5px;  
  color: #000;  
  display: block;  
  text-decoration: none;  
  font-weight: bolder;  
}  

ul.topnav li a:hover {  
  background-color:#675C7C;  
  color:white;  
}  

ul.topnav ul {  
  margin: 0;  
  padding: 0;  
  display: none;  
}  

ul.topnav ul li {  
  margin: 0;  
  padding: 0;  
  clear: both;  
}  

ul.topnav ul li a {  
  padding-left: 20px;  
  font-size: 10px;  
  font-weight: normal;  
  outline:0;  
}  

ul.topnav ul li a:hover {  
  background-color:#D3C99C;  
  color:#675C7C;  
}  

ul.topnav ul ul li a {  
  color:silver;  
  padding-left: 40px;  
}  

ul.topnav ul ul li a:hover {  
  background-color:#D3CEB8;  
  color:#675C7C;  
}  

ul.topnav span{  
  float:right;  
}  
</style>  
<script type="text/javascript" src="http://7old.ru/ucoz-files/1/jquery-1.5.2.min.js"></script>  
<script type="text/javascript" src="http://7old.ru/ucoz-files/1/scriptbreaker-multiple-accordion-1.js"></script>  
<script language="JavaScript">  

$(document).ready(function() {  
  $(".topnav").accordion({  
  accordion:false,  
  speed: 500,  
  closedSign: '[+]',  
  openedSign: '[-]'  
  });  
});  

</script>  
   
<ul class="topnav">  
  <li><a href="http://7old.ru/" target="scriptbreaker">Все для веб мастера</a></li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <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>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li class="active"><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="http://7old.ru/" target="_blank">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="http://7old.ru/" target="_blank">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
</ul>
Новое вертикальное меню для uCoz" title="Скачать Новое вертикальное меню для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]