Приветствую Вас Прохожий | RSS Вторник, 28.02.2017, 15:15
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



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



Главная » Файлы » Скрипты для 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
Просмотров: 1888 | Комментарии: 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 Нужны дизайнеры

1

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

51

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