[ Новые сообщения · Участники · Правила форума · Пошук · RSS ]
Страница 1 из 11
Модератор форума: sova77 
Форум » Общий раздел » все для сайта » уголок страницы на сайт (Баннер)
уголок страницы на сайт (Баннер)
sova77Дата: Чт, 27.08.2009, 20:13 | Сообщение # 1
вип
Группа: разработчик
Сообщений: 601
Награды: 13
Статус: відсутній
Делаем оригинальный баннер. Выглядит он, как отогнутая страница справа вверху страницы, а за ним проглядывает другая страница. Когда пользователь подводит курсор к этому краю, страница начинает анимированно отгибаться, а за ней открвается часть другой страницы. При щелчке по второй странице происходит переход на другой сайт или страницу. Выглядит это все завораживающе и необычно.

При желании можно использовать файлы с нашего портала.
[bgcolor=orange]Если хотите разместить файлы у себя на хосте, тогда нужно будет скопировать 3 файла:
http://nms.at.ua/esel.js
http://nms.at.ua/esel_b.swf
http://nms.at.ua/esel_s.swf

[/bgcolor]
Эти файлы можете разместить где Вам угодно. Только не забудьте путь размещения.

После этого начинается обязательная программа. Нужно создать 2 изображения. Одно маленькое, желательно размером 100x100 пикселей. Это изображение будет проглядывать в углу сайта. Второе изображение большое. Размер, желательно 650x650 пикселей. Это изображение будет видно, когда угол отогнется до конца. Все эти изображения нужно, также, разместить у себя на хосте.

Далее, нужно разместить код на странице. Местоположение особой роли не играет:

Code
<script type="text/javascript">
   esel_small = '/small.jpg';
   esel_big = '/big.jpg';
   esel_url = 'http://nms.at.ua/index/0-15';
   esel_s = 'http://nms.at.ua/esel_s.swf';
   esel_b = 'http://nms.at.ua/esel_b.swf';
</script>
<script type="text/javascript" src="http://nms.at.ua/esel.js"></script>

Настраиваете передаваемые параметры под себя:
esel_small - адрес маленького изображения.
esel_big - адрес большого изображения.
esel_url - ссылка на страницу, на которую будет происходить переход по клику на баннере.
esel_s - адрес файла esel_s.swf. Если Вы используете файлы с нашего хоста, тогда переменную можно не задавать.
esel_b - адрес файла esel_b.swf. Если Вы используете файлы с нашего хоста, тогда переменную можно не задавать.
http://nms.at.ua/esel.js - адрес js-скрипта. Если вы скопировали его на свой хост, то нужно заменить на свой адрес.

После настройки под себя можно наслаждаться работой скрипта. Теперь и у Вас в правом верхнем углу страницы будет отгибающийся уголок. С изображениями придется немного пожонглировать, чтобы отображалось именно то, что нужно. Но это уже мелочи жизни.

Этот скрипт "отгибающегося уголка" вы можете использовать, как баннер на определенный, рекламируемый сайт, как особый переход к определенному файлу или просто навигационное решение. Задание параметров из кода страницы дает более широкие возможности, чем размещение переменных в самом скрипте js.

Пример реализации "углового баннера", как и принято на нашем портале, можно увидеть на этой же странице.

Удачи всем!


форум для интересных людей

Сообщение отредактировал sova77 - Чт, 27.08.2009, 20:14
 
Обьявления
Форум » Общий раздел » все для сайта » уголок страницы на сайт (Баннер)
Страница 1 из 11
Поиск: