Новое вертикальное меню для uCoz
827материалов
228тем на форуме
3004комментария
6161пользователь

Новое вертикальное меню для uCoz


Красивое Новенькое меню аккордеон на 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>

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.07.2013 в 16:15
Материал просмотрен: 1525 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 5 комментариев

Пожаловаться
Сказать спасибо

5 комментариев


rch32
Рамази @rch32 17.07.2015 14:191
0
Библиотека jquery ucoz конфликтует с http://7old.ru/ucoz-files/1/jquery-1.5.2.min.js . что делать?
Romchik
Роман @Romchik 17.07.2015 14:242
0
Попробуйте убрать!
rch32
Рамази @rch32 17.07.2015 14:444
0
Спасибо за помощь
Romchik
Роман @Romchik 17.07.2015 14:585
0
Обращайтесь)
rch32
Рамази @rch32 17.07.2015 14:273
0
ok
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта