FAIRE TOMBER LA NEIGE, DES COEURS OU DES BILLETS DE BANQUE !

C'est vous qui choisissez...

Coller le script ci-dessous dans votre page d'accueil tout en bas entre </body> et <htlm> et sur les autres pages (page d'un message, page des archives etc...) si vous voulez créer l'effet aussi sur les autres pages.

<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript if  ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ //Configure here. var num = 10;   //Nombre d'images var timer = 200; //Vitesse de descente var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no). //Adresse des gifs ci-dessous var url_gif = new Array(); url_gif[0]= "http://mon image.gif"; url_gif[1]= "http://mon image.gif"; url_gif[2]= "http://mon image.gif"; url_gif[3]= "http://mon image.gif"; nb_floc = 5; // Nombre de d'images différentes //End. var y = []; var x = []; var fall = []; var theFlakes = []; var sfs = []; var step = []; var currStep = []; var h,w,r; var d = document; var pix = "px"; var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; if (d.documentElement.style && typeof d.documentElement.style.MozOpacity == "string") num = 12; for (i = 0; i < num; i++){ sfs[i] = 15; // Math.round(1 + Math.random() * 1); document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>'); // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd; currStep[i] = 0; fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } if (domWw) r = window; else{   if (d.documentElement &&   typeof d.documentElement.clientWidth == "number" &&   d.documentElement.clientWidth != 0)   r = d.documentElement; else{   if (d.body &&   typeof d.body.clientWidth == "number")   r = d.body; } } function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){   if (d.documentElement && d.defaultView &&   typeof d.defaultView.scrollMaxY == "number"){   oh = d.documentElement.offsetHeight;   sy = d.defaultView.scrollMaxY;   ow = d.documentElement.offsetWidth*0.80;   sx = d.defaultView.scrollMaxX;   rh = oh-sy;   rw = ow-sx; } else{   rh = r.innerHeight;   rw = r.innerWidth*0.80; } h = rh - 2;  w = rw - 2; } else{ h = r.clientHeight - 2; w = r.clientWidth*0.80; } } function scrl(yx){ var y,x; if (domSy){ y = r.pageYOffset; x = r.pageXOffset; } else{ y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function snow(){ var dy,dx; for (i = 0; i < num; i++){ dy = fall[i]; dx = fall[i] * Math.cos(currStep[i]); y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){   y[i] = -10;   x[i] = Math.round(Math.random() * w);   fall[i] = (sfs[i] == 1)?   Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);   step[i] = (sfs[i] == 1)?   0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } theFlakes[i].top = y[i] + scrl(0) + pix; theFlakes[i].left = x[i] + scrl(1) + pix; currStep[i]+=step[i]; } setTimeout(snow,timer); } function init(){ winsize(); for (i = 0; i < num; i++){ theFlakes[i] = document.getElementById("flake"+(idx+i)).style; y[i] = Math.round(Math.random()*h); x[i] = Math.round(Math.random()*w); } snow(); } if (window.addEventListener){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); }  else if (window.attachEvent){ window.attachEvent("onresize",winsize); window.attachEvent("onload",init); } })(); }//End.</script>

Vous devez collez l'adresse de vos flocons de neige, ou vos petits coeurs dans le script à cet endroit :

url_gif[0]= "http://mon image.gif";

Vous devez renseigner les 4 lignes avec l'adresse de vos images, elles peuvent bien sur être différentes ou vous pouvez coller 4 fois la même image, c'est vous qui voyez.

Pour le reste, j'ai noté en rouge à quoi correspondent les valeurs...amusez vous.

Vérifiez si vous utilisez Firefox, que le script fonctionne correctement sur Internet explorer.
Le script tel qu'il est fonctionne sur les 2, alors si vous n'êtes pas sur de vous, changez seulement les images.


//Configure here.

var num = 10;   //Nombre d'images
var timer = 200; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des images ci-dessous
var url_gif = new Array();

url_gif[0]= "http://mon image.gif";
url_gif[1]= "http://mon image.gif";
url_gif[2]= "http://mon image.gif";
url_gif[3]= "http://mon image.gif";

nb_floc = 5; // Nombre de d'images différentes

//End.

Pour créer des flocons de neige ouvrez Photofiltre et faites Nouveau
l'image doit être très petite 8x8 c'est bien...

Faites un zoom, sinon on y voir rien, et remplissez le carré en noir et faites un petit point blanc au centre avec l'outil pinceau ensuite rendez le fond noir transparent et enregistrer votre image.
Faites en plusieurs différents c'est plus joli quand ça tombe.

BBBrrrr....il fait froid d'un coup !

Comments

[Néfélie]

pour ce blog et pour toutes les instructions claires que tu donnes!!!! j'ai tout fait sur in blog cobaye et j'ai réussi, en fait je me suis rendue compte qu'en lisant un minimum les feuilles de codes html on comprends ce qu'on fait et on y arrive.
MERCI MERCI BEAUCOUP

[noune83]

J'ai essayé de mettre ton code pour faire tomber une pluie d'étoile sur mon blog, mais il me dit que la structure n'est pas conforme et de vérifier que tous les éléments XML sont bien fermés. J'aimerai vraiment y arriver peux tu m'aider s'il te plait. Merci d'avance car ce que tu fais est génial, j'ai réussi à installer la pluie d'étoiles tombant du curseur sur mon blog.[Chesse]

[meechoco]

Bsr !
Je dois être la 100 000 000 personne à te dire que ton blog est génial ! Je viens juste de la découvrir car je cherchais comment créer un index.. et en cherchant je suis tombée.. ou plutot j'ai glissé :D sur de la neige !!
Par contre... sais tu pourquoi il n'y a pas de neige sur mon bloc de droite ????
Voilà.. c ma question !!
Encore boulot pour toi !!


Merci ::

[boreas]

bonjour j aimerai faire tomber des citrouilles a l occasion d halloween mais je n arrive pas a inserer le code meme celui avec la neige ne marche pas
j ai fais mon site sur izispot il faut peut etre un code special pour ce site ?
merci d avance pour votre aide
a plus [Chesse]

[Demolite]

[Salut]
Si tu ne sais pas ou se trouve ta page d'accueil c'est que tu dois être en mode standard...
Pour passer en mode avancé c'est ici : http://demolitetuto.canalblog.com/archives/2007/02/09/3952937.html