Tuto pour installer le widget bunnyherolabs ces petits animaux virtuels de compagnie

Publié le par nessa

Ce widget tout mignon est sans java script (pas si compliqué que ça en à l'air), voici quelques animaux ci-dessus qui pourront vous tenir compagnie.

(plus de choix sur le site)

Ci vous cliquez sur "more" vous pourrez donner une  pomme à manger à Babe ou le laver avec un pshitt^^

1 Tout d'abord pour choisir votre petit animal, allez sur cette page ici

ou   pour des objets virtuels comme le crayon qui défoule :-)

2 cliquer sur l'image choisie

3 remplir les cases

"give your new pet a name " écrire le nom de votre animal ou objet

"type your name here" écrire son nom ou prénom ou pseudo .....

4 cliquer sur le carré couleur pour définir la couleur de l'animal ou objet

5 cliquer sur "finish"

6 cliquer sur "myspace"

7 cliquer sur le script puis coller en source html d'un article ou module de votre blog

Attention ce widget aura un fond blanc !!!!

On s'arrête là pour ceux qui n'aiment pas trop bidouiller

         

on continue plus loin pour ceux qui aiment

n'oubliez pas le raccourci ctrl F pour chercher un mot sur une page

ce qui peut s'avérer  très utile ....

8   pour mettre un fond transparent

il suffit de rajouter wmode="transparent" derrière embed

voici comme exemple, le script du crayon qui défoule :-)

que j'ai obtenu après l'étape 6 ;

j'ai collé ce script et rajouté le code en rouge 

<BUNNYHERO PET END />

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center;visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff&tc=0x00ff00" type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style>

9 Pour mettre un fond que vous aurez choisi
il faut coller après center

 ;background-image: url(votre image de fond)

voici le script que l'on obtient

<BUNNYHERO PET END />

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center ;background-image: url(http://idata.over-blog.com/2/41/88/79/fonds/fond-plage.jpg);visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff" type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style>

10 Pour changer la couleur d'écriture rajouter  &tc=0x[codecouleur]  comme ce ci  

  flashvars="......... &tc=0x00ff00"    (sans les crochets)

00ff00 est la couleur verte (sans le #) trouvez d'autre code couleur  ici

ce qui donne comme script

<BUNNYHERO PET END />

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center ;background-image: url(http://idata.over-blog.com/2/41/88/79/fonds/fond-plage.jpg);visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff&tc=0x00ff00"
type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style> 


 
 
Adoptez votre propre virtual pet!
Tuto fait à partir du tuto du site,  en anglais.
voir ici
j'ai trouvé le joli fond "plage" chez cléomède (réédit elle a fermé son blog)

 

         

 

A noter pour centrer n'importe quel widget ou image
que l'on n'arrive pas à centrer 
passer en htlm et entourer le code de l'image ou du widget par
<center> et </center>

         

Avez vous remarqué pour le cochon 
pour qu'il se roule allègrement dans la boue,
il faut le faire sauter plusieurs fois 
et pour le laver, cliquer sur more et jouer du pshitt lol

si vous avez des enfants ou petits enfants 

faites un tour à la petite ménagerie de disney geek

pour  donner à manger aux animaux 

ou jouer à des jeux intelligents et/ou drôle lol

lien vers  mon autre blog disney geek

         

http://t2.gstatic.com/images?q=tbn:viWyPlgmWuwP0M:http://gacc.nifc.gov/sacc/predictive/weather/new-icon.jpg

de nouveaux gadgets d'animaux ou pets virtuels 

en widget flash sans java script

(chat-chien-poisson-oiseau)

ici

widget-virtual-pet-animal.jpg

         

clic chat gif

ou commentaire si c'est article vous a servi

Rendez-vous sur Hellocoton !

Partager cet article

Repost 0

Commenter cet article

tiot le chti et bunny le chti 27/08/2010 17:47



salut


pas mal le chat , lol


bonne soirée



PEARL 27/08/2010 16:13



Avec toi le savoir informatique devient un vrai jeu d'enfant!! merci Nessa d'être là  avec tes connaissances, ton savoir faire, ta générosité et ta bonne humeur!! ça vaut tout l'or du monde!
bisous* et très bon début de week-end ma douce fée.






Bienvenue en Lot et Garonne "gégouska" 27/08/2010 15:31



" />



zabelle 27/08/2010 15:16



oulàààà chui blonde moi, mais je sais où venir chercher quand j'aurai besoin!!


merci*et bonne journée



:0010: Krio 27/08/2010 08:52



j'a bin nourri l'cochon ! l'a bin lavé aussi !


m'a su bin amusé !


bizzzz



jucreations 27/08/2010 06:56



c'est tout plein mignons  ces widgets!


Pas le temps de 'm'y plonger dedans


bisous



jucreations 27/08/2010 06:54



c'est tout plein mignons  ces widgets!


Pas le temps de 'm'y plonger dedans


bisous



Linda & Picasso ::0079::0071:: 26/08/2010 16:58



houlàlà j'ai assez avec Picasso sans encore en avoir en virtuelle! mdrrr


puis j'ai aussi un aquarium et un canari et tout ce qui vit dans ma cour , alors a part une peluche je ne veux plus rien lollll


coucou du jour! ***


 et ici la météo






bisous



ratiba 26/08/2010 15:59


COUCOU NESSE comment vas tu ?? je passe te souhaiter une bonne journée


cleo 26/08/2010 15:47



Coucou!


Je t'ai mis un fond bambou ici :


http://www.cleomede.com/article-fonds-pour-blogs-et-autres-55641977.html


Je ne sais pas s'il te plaira, je n'ai rien trouvé d'autre


Gros bisous, je file



marie25 26/08/2010 13:55



Bonjour NESSA, . Il est super ton blog.  J'm.. Suis venue et je suis abonnée.. ça détend bien.. Bien aimé tout ce que j'ai vu et la musique va de paire..


Belle journée ensoleillée..BISOUS D'AMITIE marie25


 



nessa 26/08/2010 14:02



Merci Marie :-)  tu n'as pas de blog ?  tes commentaires me font d'autant plus plaisir :-)


car rares sont les internautes qui visitent mon blog et me laissent des petits mots; en général seul(e)s mes aminautes  le font ; je te souhaite un agréable après-midi et si tu souhaites
ouvrir un blog n'hésitez pas à me demander conseil :-) gros bisous 



Houria 26/08/2010 13:21



C'est trop mimi lol


http://1001-delices-de-houria.over-blog.com/