Файлы: 857 Видео: 13 Комментарии: 242 Статьи: 306 Новости: 155 Форум: 39179 Пользователи: 3390 + 0 |Добавить на сайт ...

Новое на форуме Новые статьи Мини профиль
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Новое вертикальное меню для uCoz
Новое вертикальное меню для uCoz
Manoichi
Дата: Понедельник, 15.07.2013, 19:19 | Сообщение # 1


Красивое Новенькое меню аккордеон на 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>
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Новое вертикальное меню для uCoz
  • Страница 1 из 1
  • 1
Поиск: