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


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



Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 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
Просмотров: 1850 | Комментарии: 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 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

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

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

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

1


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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