угловой flash баннер для сайта

Доброго времени суток, всем читателям – Sozdaiblog.ru!

В этой статье я расскажу, как сделать угловой flash баннер для сайта.

Не каждый из Вас знает, что такое – «flash», поэтому, не буду забивать Вашу голову разной терминологией, а для общего развития и понимания скажу, что flash – это специальная мультимедийная технология, благодаря которой, можно создавать различную анимированную графику  для Веб-сайтов.

В правом верхнем углу блога, Вы можете наблюдать отогнутый кусок страницы, который, как бы покачивается на ветру, создавая эффект живой анимации. Это и есть угловой flash баннер.

Если Вы, наведёте на него курсор мыши, то он распахнётся и покажет скрытую в нём информацию.

Наполнить его можно любым материалом, на который у Вас хватит фантазии. Это может быть реклама, ссылка на определённую страницу сайта, подписка на рассылку и многое другое.

Но вся его прелесть в том, что он не отвлекает читателей, как постоянно всплывающие баннеры на разных сайтах, которые уже всех просто достали. Он ненавязчиво и красиво располагается в отведённом ему месте, привлекая внимание посетителей.

Сейчас многие Веб-мастера используют систему flash, для создания живой анимации и точно такой же flash баннер можно увидеть на многих сайтах. Единственное различие в том, что каждый использует его по-своему.

Поэтому я расскажу,  как сделать флеш баннер, а как его применить Вы решите сами.

 

Делаем, угловой флеш баннер для сайта.

Для создания флеш баннера, Вам потребуется скачать архив, в котором находятся специальные скрипты.  Затем, его нужно разархивировать и содержащуюся в нём папку – peel, закачать в корневой каталог Вашего ресурса (туда, где папки – «wp-content», «wp-admin» и «wp-includes»).

Теперь, Вам нужно её открыть и найти файл — peel.js.

Внутри этого файла находятся настройки флеш баннера. Всё, что можно и нужно редактировать помечено двумя слешами – «//».

Давайте разберём их более подробно:

 

jaaspeel.ad_url = escape('http://Ссылка'); // ссылка баннера, перебрасывающая читателя в нужное Вам место
jaaspeel.small_path = '/peel/swf/small.swf'; // путь к small.swf
jaaspeel.small_image = escape('/peel/img/small.jpg'); // путь к small.jpg, маленькому изображению
jaaspeel.small_width = '100'; //Настройка ширины закрытого флеш банера
jaaspeel.small_height = '100'; //Настройка высоты закрытого флеш банера
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = '/peel/swf/large.swf'; // путь к large.swf
jaaspeel.big_image = escape('/peel/img/large.jpg'); // путь к large.jpg, большому изображению
jaaspeel.big_width = '650'; // Настройка ширины открытого флеш банера
jaaspeel.big_height = '650'; // Настройка высоты открытого флеш банера

 

Сами картинки находятся всё в той же папке – peel, но в существующей там подпапке – img. Вы можете самостоятельно загружать в неё любые необходимые Вам изображения, соблюдая соответствующее им разрешение (jpg или png).

После того, как Вы определитесь с картинками и назначением флеш баннера, Вам потребуется открыть папку с активной темой оформления, найти файл — header.php и перед закрывающим тегом — </head>, установить следующий скрипт:

 

<script type="text/javascript" src="/peel/peel.js"></script>

 

Больше, ничего делать не нужно, флеш баннер должен работать и привлекать внимание читателей.

Лично для меня было единственной проблемой – это правильное позиционирование изображения. Оно ни как не хотело нормально отображаться, постоянно смещалось и разъезжалось. После нескольких часов мучения я его победил.

Интересно, а у Вас, возникли проблемы с установкой и настройкой flash баннера?

На сегодня это всё. Я надеюсь, что Вам понравился угловой флеш баннер и повествующая о нём статья.

До следующих статей…

 

С уважением, Денис Черников!