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

Repost0

Commenter cet article

T


salut


pas mal le chat , lol


bonne soirée



Répondre
P


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.






Répondre
B


" />



Répondre
Z


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


merci*et bonne journée



Répondre
:


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


m'a su bin amusé !


bizzzz



Répondre
J


c'est tout plein mignons  ces widgets!


Pas le temps de 'm'y plonger dedans


bisous



Répondre
J


c'est tout plein mignons  ces widgets!


Pas le temps de 'm'y plonger dedans


bisous



Répondre
L


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



Répondre
R

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


Répondre
C


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



Répondre
M


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


 



Répondre
N


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 



H


C'est trop mimi lol


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





 



Répondre