Приветствую Вас Прохожий | RSS Суббота, 19.08.2017, 23:32
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ 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
Просмотров: 1927 | Комментарии: 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 Скрипт и инструкция доб...

3

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

51

3 Раскрутка сайта, прогон...

0

4 Трафик на сайт по низки...

4

5 Заработай на партнёрств...

3

6 Предлагаю проверенный з...

4

7 Продам билеты в московс...

1

8 Ручной прогон по трасто...

19

9 Создать лого на сайт

0

10 Раздача подарков и стик...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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