Меню горизонтальное радужное на jQuery - Скрипты блоки и шапки - web мастеру ucoz
Приветствую Вас Прохожий | RSS Вторник, 28.03.2017, 09:19
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 12
Гостей: 12
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Меню горизонтальное радужное на jQuery

Меню  горизонтальное радужное на  jQuery Меню, горизонтальное, радужное, jQuery
Меню для сайта горизонтальное радужное с разными оттенками в исполнение плагинов на jQuery предназначены для цветных развлекательных сайтов где стоит обращать внимание на цвет по памяти а не считывать что написано на кнопке , потому что когда яркие цвета то шрифт практический не видно даже с обводом текста стилем или графикой.
Меню идеально подходит для шапки сайта или может его заменить так как по себе является горизонтальным и удобным в размещения вместе с плагинами jQuery.
Перед выбором и размещением подобных меню обращайте внимание что бы не было конфликта исполнительных библиотек скриптов, потому что бывает что пр установке скрипта может потерять функциональность другой скрипт, по это стоит более разборчиво подходить к такому вопросу в веб строительстве самой шапки или сайта.

Примечание:
Для правильной работы скрипта нужна версия jQuery не ниже 1.7.2

Установка меню на сайт:
После /head на нужных страницах вставляйте:
Код
<script src="http://ucozon.ru/_dr/65/6588_easing.js"></script>
Далее идём в ПУ > Управление дизайном > таблицы стилей CSS, и вставляем в самый низ этот код:
Код
#menu {
float: left;
position: relative;
top: 0;
left: 0;
margin:0px;
overflow: hidden;
}
#menu .colourful {
display: block;
position: absolute;
background: #f0ad22;
height: 38px;
width: 85px;
top: 4px;
left: -100px;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
#menu li {
float: left;
margin: 0 1px 0 0;
}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
color: #000;
text-align: center;
display: block;
border: solid;
border-width: 4px 0 0;
line-height: 40px;
width: 85px;
}
#menu li a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0 0 1px #999;
}
Этот код вставляйте в то место, где хотите видеть ваше меню:
Код
<div id="menu">
<ul>
<li> <a href="">Веб-дизайн</a>

</li>
<li> <a href="">jQuery</a>

</li>
<li> <a href="">Html5 и Css3</a>

</li>
<li> <a href="">PHP</a>

</li>
<li> <a href="">Photoshop</a>

</li>
<li> <a href="">Illustrator</a>

</li>
<li> <a href="">Wordpress</a>

</li>
<li> <a href="">Статьи</a>

</li>
<li> <a href="">vBulletin</a>

</li>
</ul>
</div>
<!-- end menu -->
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 7.0Kb
Просмотров: 3796 | Рейтинг: 3.0/8 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 07.02.2014 | Скачали: 7 | Теги: jQuery, Радужное, Горизонтальное, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Нужны дизайнеры

1

3 Вакансия копирайтера/пе...

1

4 Верстка

13

5 Файловик. Уникальные те...

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru