| В данном уроке я расскажу Вам, как создавать Peel Away объявления (уголки). В последнее время данный вид объявлений используется все чаще и чаще на многих сайтах. Он не занимает много места на странице. И с помощью такого объявления можно сообщить важную информацию посетителям. Для создания такого эффекта нам понадобиться: 1) 2 флеш файла, которые отвечают за эффект свертывания и развертывания. 2) JavaScript файл, где будет прописаны все функции для правильной работы уголка. 3) Папка с двумя картинками: одной маленькой (которая отображается при неактивном состоянии - 100 на 100 пикселей) и второй большой (отображается при развертывании - 650 на 650 пикселей) Установка такого объявления в страничку очень проста и займет несколько секунд. Все, что Вам необходимо сделать - после тега <body> вставить следующий код: Code <script src="peel.js" type="text/javascript"></script> Важно: в нашем примере файл скрипта находится в той же папке, что и страница. Если файл скрипта переместите в другую папку, не забывайте про правильный путь. Вот и все манипуляции со страничкой, где будет находиться уголок. Теперь нам необходимо немного модифицировать файл peel.js. Необходимо найти следующую строчку: Code jaaspeel.ad_url = escape('http://www.ruseller.com'); Вместо "ruseller.com" необходимо ввести Ваш УРЛ (страницу на которую должен перейти пользователь после нажатия на объявление). Кроме этого в файле peel.js находятся пути к картинкам. Если Вы будете их перемещать в другие папки, не забудьте поменять и пути к ним. Скачайте все исходники и попробуйте вставить этот замечательный эффект на Ваши странички. Еще один важный момент: пример работы уголка Вы не сможете просмотреть на локальном компьютере. Необходимо обязательно все содержимое загрузить на сервер. Пользуйтесь на здоровье! Всего наилучшего! Пример (не рекламко! отвечаю =) )
|