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

Уделите немножко внимания рыжему лисёнку. Он очень любит, когда ему гладят спинку. Нажмите правую кнопку мышки и погладьте его. Лисёнок очень любит цветы. Наведите курсор на «more» и дайте понюхать ему букетик цветов. И не забудьте покормить лисёнка – виртуальные питомцы тоже любят поесть.

Как завести виртуального питомца на своем сайте.

Чтобы завести своего собственного виртуального питомца, щелкните по надписи «bunnyhero labs» под лисенком. При этом Вы попадете на страничку, где сможете выбрать себе питомца по Вашему вкусу.

Щелкая по картинке понравившегося питомца, Вы перейдете на страничку с его возможностями. Для себя я выбрал лисёнка.

Если питомец Вас устраивает, дайте ему имя «give your new pit a name» и введите имя хозяина «type your name here». Имена пишутся только на латинице, для этого можете воспользоваться онлайн транслит переводчиком.

На этой же страничке Вы можете подобрать цвет Вашего питомца. Когда всё устраивает, нажимаете кнопку «finish».

На открывшейся страничке мы можем выбрать интернет ресурс, куда мы хотим поместить своего виртуального питомца. Здесь мы рассматриваем установку виртуального питомца на сайт (блог), поэтому нажимаем на надпись «больше кодов».

На открывшейся страничке можно выбрать наиболее подходящий для Вашего сайта (блога) код виртуального питомца. На своем сайте я опробовал все кода кроме третьего варианта – все варианты заработали.

Код виртуально питомца и визуальный редактор.

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

На примере моего лисенка. Используем второй вариант кода виртуального питомца.

<!-- BEGIN bunnyhero labs pet code -->
<table border="0" cellpadding="0" cellspacing="0" width="250"><tr><td><iframe src="http://bunnyherolabs.com/adopt/i/bWM9Zm94LnN3ZiZjbHI9MHhlNjViMDAmY249bWFzaWsmYW49bWFzaWs%3D.swf" width="250" height="300" frameborder="0"></iframe></td></tr>
<tr><td align="center"><small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small></td></tr></table>
<!-- END bunnyhero labs pet code -->

Если в этом коде убрать все лишнее и оставить только код, выделенный синим цветом, Вашему питомцу становится не страшным визуальный редактор.

Но здесь я столкнулся с проблемой размеров виртуального питомца. Исходный размер питомца 250Х300 (width="250" height="300"), мне же для этой странички нужен был размер 500Х600. Измененный код выглядел таким образом:

<iframe src="http://bunnyherolabs.com/adopt/i/bWM9Zm94LnN3ZiZjbHI9MHhlNjViMDAmY249bWFzaWsmYW49bWFzaWs%3D.swf" width="500" height="600" frameborder="0"></iframe>

Виртуальный питомец в браузерах «Mozilla» и «Chrome» выглядел с заданными размерами, но в браузере «Explorer» размеры питомца не изменились. Эта ситуация меня не устраивала и я продолжил копать дальше.

В четвертом варианте кодов виртуального питомца я нашел адрес флешки лисенка.

Вставил этот адрес во фрейм и нужные размеры стали отображаться во всех браузерах.

<iframe src="http://petswf.bunnyherolabs.com/adopt/swf/fox" height="600" width="500" frameborder="0"></iframe>

Но лисенок в этом случае остался без имени. Жалко конечно, но зато всяк сюда зашедший может назвать лисенка так, как ему нравится.

Если изложенная информация оказалась Вам полезной, почешите спинку хомячку (он это очень любит), покормите хомячка и поделитесь информацией с друзьями!

p.s. Лисенок и хомячок у меня остались без имен. А какие имена Вы бы им дали? Напишите, пожалуйста, в комментариях

Уроки на все случаи жизни