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


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



Статистика
Онлайн всего: 21
Гостей: 19
Пользователей: 2
MaDaRa, aramk363



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Анимационная навигация

Анимационная навигация Анимационная, навигация


Всем доброго времени суток. Итак, моя первая публикация в качестве разработчика, а не дизайнера. Я представляю Вам уникальное анимационное меню, которое можно поместить с левой стороны сайта, чтобы съэкономить место. Подойдет для сайтов в минималистическом стиле. Также в архиве есть PSD-файл, в котором Вы можете изменить вид и название кнопок.


По установке: сам скрипт максимально просто и удобен.

Подготовим наше css. Вставляем его либо в Вашу страницу css, либо между тегами <head> в <style>.

Code
#menu {opacity:0.7;margin-left:-137px;
-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}

#menu:hover {margin-left:0px;opacity:1;}
#navig {position:fixed; left:0px; bottom:300px;}




Далее, вставляем на страницу на которой хотим видеть меню после <body> этот код: (у меня это будет "страницы сайта")

Code

<div id="navig">
           <a href="#"><img id="menu" src="http://www.immortal-squad.ru/web-hero/img/button.png" border="0" alt="" /><p></a>

           <a  href="#"><img id="menu" src="http://www.immortal-squad.ru/web-hero/img/button1.png" border="0" alt="" /><p></a>

           <a  href="#"><img id="menu"  src="http://www.immortal-squad.ru/web-hero/img/button2.png" border="0" alt="" /><p>

           <a  href="#"><img id="menu" src="http://www.immortal-squad.ru/web-hero/img/button3.png" border="0" alt="" /><p></a>

           </div>


На этом все. Напоминаю, что с Вами был Веб-Герой. Если у Вас возникли вопросы, то пишите их в комментариях и мы обязательно их разрешим. Спасибо.
Автор\Источник: http://веб-герой.рф

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 347.3Kb
Просмотров: 1871 | Комментарии: 2 | Рейтинг: 4.3/6 | |Категория: Скрипты Разное | Добавил: Веб-Герой | Дата: 12.08.2012 | Скачали: 12
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 MarkoniYA   Дата: 03.10.2012  Время: 00:46   [№ 13732]
Простая установка, зато какой эффект. Взял про запас.

+2   Спам
1 Веб-Герой   Дата: 12.08.2012  Время: 23:32   [№ 13563]
Прошу Модератор изменить источник с этого, на веб-герой.рф

Дело в том, что она автоматически меняется при копирование.


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

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


Поиск


На форуме

1 SALEACCS.RU - Магазин а...

0

2 Проблема с информером

14

3 Не работает статистика ...

18

4 Может у кого есть!

3

5 Работа на заводе

17

6 Вконтакте без причины б...

10

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

51

8 Проблема с bbcode (code...

0

9 Как скачать видео файл ...

5

10 Уже все перепробовал )

2


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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