1. Як завести віртуального вихованця на своєму сайті.
2. Код віртуально вихованця і візуальний редактор.

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

Приділіть трошки уваги рудому лисеняти. Він дуже любить, коли йому гладять спинку. Натисніть праву кнопку мишки і погладьте його. Лисеня дуже любить квіти. Наведіть курсор на «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>

Але лисеня в цьому випадку залишився без імені. Шкода звичайно, але зате кожен, хто сюди зайшов може назвати лисеняти так, як йому подобається.

Якщо викладена інформація виявилася Вам корисною, почухайте спинку хом'яку (він це дуже любить), погодуйте хом'ячка і поділіться інформацією з друзями!

ps Лисеня і хом'ячок у мене залишилися без імен. А які імена Ви б їм дали? Напишіть, будь ласка, в коментарях