Облако

Погодный информер    Сайтострой    rss лента

Добавить в избранное                            
Если Вас нет в интернете - Вас скоро не будет в бизнесе!
скрипт отгибающегося угла -> Скрипты -> Форум
Системный администратор, сайтостроение, продвижение, вебдизайн.


Поиск / Участники 
/ Регистрация / Вход
Сегодня: 13.05.2018 - 06:51:20

Форум -> Скрипты -> скрипт отгибающегося угла
Страницы:  1  
Автор Сообщение
 
zael
 
Власть
ушел

 

 
СТАТ:
Тем: 187
Постов: 563
Репа: 1076 ±
Косяки: 0

 
Профиль zael Написать личное сообщение для zael
   Написано: 03.08.2010 в 16:43:15 | #1
Баннер в виде уголка перелистываемой страницы
Делаем оригинальный баннер . Выглядит он, как отогнутая страница справа вверху страницы, а за ним проглядывает другая страница. Когда пользователь подводит курсор к этому краю, страница начинает анимированно отгибаться , а за ней открывается часть другой страницы. При щелчке по второй странице происходит переход на другой сайт или страницу. Выглядит это все завораживающе и необычно.
В основе скрипта лежат файлы сборки Esel .
Код немного переделан. Сейчас он позволяет передавать основные параметры прямо с кода страницы. При желании можно использовать файлы с нашего портала. Если хотите разместить файлы у себя на хосте, тогда нужно будет скопировать 3 файла:
Кодhttp://seo-cook.ru/ugla/esel_s.swf
http://seo-cook.ru/ugla/esel_b.swf
http://seo-cook.ru/ugla/esel.js


Эти файлы можете разместить где Вам угодно. Только не забудьте путь размещения.
После этого начинается обязательная программа. Нужно создать 2 изображения. Одно маленькое, желательно размером 100x100 пикселей. Это изображение будет проглядывать в углу сайта. Второе изображение большое. Размер, желательно 650x650 пикселей. Это изображение будет видно, когда угол отогнется до конца. Все эти изображения нужно, также, разместить у себя на хосте.
Далее, нужно разместить код на странице. Местоположение особой роли не играет:
Код<script type="text/javascript">
esel_small = 'http://seo-cook.ru/ugla/mini.jpg';
esel_big = 'http://seo-cook.ru/ugla/big.jpg';
esel_url = 'http://seo-cook.ru/bes';
esel_s = 'http://seo-cook.ru/ugla/esel_s.swf';
esel_b = 'http://seo-cook.ru/ugla/esel_b.swf';
</script>


Настраиваете передаваемые параметры под себя:
esel_small - адрес маленького изображения.
esel_big - адрес большого изображения.
esel_url - ссылка на страницу, на которую будет происходить переход по клику на баннере.
esel_s - адрес файла esel_s.swf . Если Вы используете файлы с нашего хоста, тогда переменную можно не задавать.
esel_b - адрес файла esel_b.swf . Если Вы используете файлы с нашего хоста, тогда переменную можно не задавать.
http://seo-cook.ru/ugla/esel.js - адрес js-скрипта. Если вы скопировали его на свой хост, то нужно заменить на свой адрес.
После настройки под себя можно наслаждаться работой скрипта . Теперь и у Вас в правом верхнем углу страницы будет отгибающийся уголок . С изображениями придется немного пожонглировать, чтобы отображалось именно то, что нужно. Но это уже мелочи жизни.
Этот скрипт "отгибающегося уголка " вы можете использовать, как баннер на определенный, рекламируемый сайт, как особый переход к определенному файлу или просто навигационное решение. Задание параметров из кода страницы дает более широкие возможности, чем размещение переменных в самом скрипте js.
Пример реализации "углового баннера ", как и принято на нашем портале, можно увидеть на этой же странице.
Удачи всем!

источник
можно скачать сразу архив

Отредактировано: 17.09.10 в 06:40
    Прикреплён файл:
     script_ugla.rar  (12.95 Кб)
--------------------------------------------------
Сломай дом, построй корабль!
[Ответить] [Цитировать]  
Страницы:  1  

Имя:
   E-mail:





Ещё смайлы

Введите код:  
   
Powered by WR-Forum Pro © 1.9 | Assembled by Alexand3r Am3
*