Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Анимированное меню для uCoz
Скрипты для ucoz: Анимированное меню, Не плохая менюшка, хорошо смотрится на чёрных дизайнах + там есть ищё анимация.
Установка:
Установка:
1. Для начала установим стили для меню:
Code
<style type="text/css">
#menu {
background: #3e3e3e;
padding: 7px 25px 7px 25px;
text-align: center;
border: 5px solid #00b4ff;
}
#menu a {
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 10pt;
padding: 7px;
font-family: Tahoma;
}
#menu a:hover {
background: #b52828;
}
</style>
#menu {
background: #3e3e3e;
padding: 7px 25px 7px 25px;
text-align: center;
border: 5px solid #00b4ff;
}
#menu a {
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 10pt;
padding: 7px;
font-family: Tahoma;
}
#menu a:hover {
background: #b52828;
}
</style>
2. Затем поставим скрипт, который будет "растворять" пункт меню при наведении на него мышкой:
Code
<script type="text/javascript">
$('#menu a').hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script>
$('#menu a').hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script>
3. Ну и само меню:
Code
<div id="menu">
<a href="/">
главная
</a>
<a href="/forum">
форум
</a>
<a href="/load">
софт
</a>
<a href="/publ">
фильмы
</a>
<a href="/index/8">
профиль
</a>
<a href="/index/10">
выход
</a>
</div>
<a href="/">
главная
</a>
<a href="/forum">
форум
</a>
<a href="/load">
софт
</a>
<a href="/publ">
фильмы
</a>
<a href="/index/8">
профиль
</a>
<a href="/index/10">
выход
</a>
</div>
Ну вот и всё.
Вы сейчас просматриваете Анимированное меню для uCoz. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Анимированное меню для uCoz нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Анимированное меню для uCoz и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
