Вы наверное заметили в правом углу моего блога загнутый уголок страницы, при наведении на него курсора создается эффект, будто страница перелистывается. И под первой страницей видна часть второй страницы, с размещенной на ней рекламой или другой информацией, к которой вы хотите привлечь внимание посетителей вашего сайта.
Многие из вас хотели бы сделать такое на своем блоге. Что же пожалуйста, это займет всего несколько минут.
1. Скачиваем архив :
Распаковываем архив в отдельную папку, называем ее “peel“, и смотрим содержимое:
- large.swf (флеш файл маленькой картинки)
- large.jpg (большая рекламная картинка)
- small.swf (флеш файл большой картинки)
- small.jpg (маленькая картинка уголка)
- peel.js (файл который будем править под себя)
Располагаем вашу разархивированную папку /peel/ на сервере. Желательно располагать эту папку в текущей теме вашего блога на WordPress. Закачайте папку /peel/ в корень темы …/…/wp-content/themes/ваша-тема/.
2. Редактируем файл peel.js . Открываем его любым текстовым редактором и заменяем следующие параметры:
- jaaspeel.ad_url - URL на который перейдет пользователь.
- jaaspeel.small_path – Путь к small.swf
- jaaspeel.small_image – Путь к small.jpg
- jaaspeel.big_path – Путь к large.swf
- jaaspeel.big_image – Путь к large.jpg
Вот пример, для домена xxx.ru (у вас это должен быть свой домен)
- jaaspeel.ad_url = escape(’http://уа.ru’); (пишите адрес на который пользователь должен перейти)
- jaaspeel.small_path = ‘http://xxx.ru/wp-content/themes/classic/peel/small.swf’;
- jaaspeel.small_image = escape(’http://xxx.ru/wp-content/themes/classic/peel/small.jpg’);
- jaaspeel.big_path = ‘http://xxx.ru/wp-content/themes/classic/peel/large.swf’;
- jaaspeel.big_image = escape(’http://xxx.ru/wp-content/themes/classic/peel/large.jpg’);
3. Переходим к редактированию избражений. Фон для обоих картинок лучше выбрать по фону блога
- small.jpg – Эту картинку просто заливаем нужным цветом
- large.jpg – Здесь в правом верхнем треугольнике размещаем все то что должен увидеть посетитель после наведения курсора на угол, когда то откроется.
4. Закачиваем отредактированные файлы на сайт взамен прежних.
5. Переходим непосредственно к установке скрипта. В админ панели WP переходим в редактор тем
и выбираем файл header.php. Добавляем Javascript код после тега <title>, но перед тегом </head>.
<script src=”http://xxx.ru/wp-content/themes/classic/peel/peel.js” type=”text/javascript”></script>
Вот и все. Перегружайте ваш браузер и наслаждайтесь результатами вашей работы.
Свежие комментарии