Faire tomber de la neige, coeurs, papillons ce que vous voulez sur votre blog

Publié le par mademoiselle-biotupp

Voici quelques petites astuces pour décorer votre blog

(scripts avec java script)

1) première méthode: faire tomber ce que vous voulez sur votre site
* dans un premier temps copiez un mini gift dans le fichier image de votre blog ou passer par un hébergeur gratuit
vous trouverez de mignons mini gift  i​ci (le site a été supprimé)
* copier le script  du blog demolituto (java script ) et coller le en mode source HTML de votre article ou en dans le module pied de page si vous vouler que le script fonctionne sur toutes les pages de votre site.

réédit : Demolito a déménagé son blog ...vous trouverez le script dans les commentaires sous cet article

*copier le lien de votre minigift
*coller ce lien à la place de " http://mon image.gif  " dans le script de demolituto 

c'est un peu long ....

2) pour faire tomber des petiter coeurs voici un script beaucoup plus court !

<script src="http://ddata.over-blog.com/xxxyyy/0/06/31/40/scripts/flocons/coeurs.js" type="text/javascript"></script>

3) pour faire tomber des flocons de neige (forme ronde) voici un autre script 

<script src="http://sd-1.archive-host.com/membres/up/37821634957680146/neige/snowstorm.js" type="text/javascript"> </script>
 

Avertissement

Ces 3 méthodes permettent d'avoir des images tombantes différentes à travers votre blog.
Vous pouvez les utiliser pour illustrer vos rubriques:
-fleurs      >>>  jardinage
-gâteaux   >>>  recettes de cuisine...

Je viens à l'inconvénient:
si on insère ce script sur un article le "phénomène" s'observe sur toute la page donc vous pouvez vous retrouvez avec plusieurs scripts sur la même page, si un jour vous décidez de mettre un script pour tout le blog.
Le nombre d'images tombantes va être multiplié par le nombre de script, ce qui peut nuire à la lisibilité du blog.
Pour me rappeler l'endroit où j'ai inséré le script je laisse en bas de l'article, l'image en point de repère car un blog évolue constemment!

Publié dans Rolle over - html - scripts ..., DECO blog - widget - tutos gif faciles

Partager cet article

Repost0

Vous aimerez aussi :

…

Commenter cet article

M
Miss Crochète
15/03/2016 22:37
Coucou<br /> J'aime beaucoup ton blog plein d'astuces de toutes sortes.<br /> Bravo !
Répondre
L
line
12/01/2014 11:29
merci de ce partage
Répondre
C
cnstrukid
31/05/2012 12:27
Merci beaucoup!
Répondre
C
construkid
20/05/2012 15:36
Je n'est rien compris.<br /> Pouvez vous me dire (en français svp) comment faire tombé des nuages?<br /> merci
Répondre
N
nessa
30/05/2012 18:01
<br /> <br /> ah désolée je n'avais pas vu votre commentaire, il faut copier ce script sur ce site <br /> <br /> <br /> http://demolitetuto.canalblog.com/archives/2007/05/30/5128460.html  <br /> <br /> <br />  <br /> <br /> <br /> mais c'est vrai qu'il y a une redirection sur une autre page d'accueil maintenant.<br /> <br /> <br /> Je mets le script de demolitetuto ici <br /> <br /> <br />  <br /> <br /> <br />  <br /> <br /> <br /> //Snow - http://www.btinternet.com/~kurt.grigg/javascript<br /> <br /> <br /> if  ((document.getElementById) &&<br /> <br /> <br /> window.addEventListener || window.attachEvent){<br /> <br /> <br /> (function(){<br /> <br /> <br /> //Configure here.<br /> <br /> <br /> var num = 10;   //Nombre d'images<br /> <br /> <br /> var timer = 200; //Vitesse de descente<br /> <br /> <br /> var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).<br /> <br /> <br /> //Adresse des gifs ci-dessous<br /> <br /> <br /> var url_gif = new Array();<br /> <br /> <br /> url_gif[0]= "http://mon image.gif";<br /> <br /> <br /> url_gif[1]= "http://mon image.gif";<br /> <br /> <br /> url_gif[2]= "http://mon image.gif";<br /> <br /> <br /> url_gif[3]= "http://mon image.gif";<br /> <br /> <br /> nb_floc = 5; // Nombre de d'images différentes<br /> <br /> <br /> //End.<br /> <br /> <br /> var y = [];<br /> <br /> <br /> var x = [];<br /> <br /> <br /> var fall = [];<br /> <br /> <br /> var theFlakes = [];<br /> <br /> <br /> var sfs = [];<br /> <br /> <br /> var step = [];<br /> <br /> <br /> var currStep = [];<br /> <br /> <br /> var h,w,r;<br /> <br /> <br /> var d = document;<br /> <br /> <br /> var pix = "px";<br /> <br /> <br /> var domWw = (typeof window.innerWidth == "number");<br /> <br /> <br /> var domSy = (typeof window.pageYOffset == "number");<br /> <br /> <br /> var idx = d.getElementsByTagName('div').length;<br /> <br /> <br /> if (d.documentElement.style &&<br /> <br /> <br /> typeof d.documentElement.style.MozOpacity == "string")<br /> <br /> <br /> num = 12;<br /> <br /> <br /> for (i = 0; i < num; i++){<br /> <br /> <br /> sfs[i] = 15; // Math.round(1 + Math.random() * 1);<br /> <br /> <br /> document.write('');<br /> <br /> <br /> // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;<br /> <br /> <br /> currStep[i] = 0;<br /> <br /> <br /> fall[i] = (sfs[i] == 1)?<br /> <br /> <br /> Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br /> <br /> <br /> step[i] = (sfs[i] == 1)?<br /> <br /> <br /> 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br /> <br /> <br /> }<br /> <br /> <br /> if (domWw) r = window;<br /> <br /> <br /> else{<br /> <br /> <br />   if (d.documentElement &&<br /> <br /> <br />   typeof d.documentElement.clientWidth == "number" &&<br /> <br /> <br />   d.documentElement.clientWidth != 0)<br /> <br /> <br />   r = d.documentElement;<br /> <br /> <br /> else{<br /> <br /> <br />   if (d.body &&<br /> <br /> <br />   typeof d.body.clientWidth == "number")<br /> <br /> <br />   r = d.body;<br /> <br /> <br /> }<br /> <br /> <br /> }<br /> <br /> <br /> function winsize(){<br /> <br /> <br /> var oh,sy,ow,sx,rh,rw;<br /> <br /> <br /> if (domWw){<br /> <br /> <br />   if (d.documentElement && d.defaultView &&<br /> <br /> <br />   typeof d.defaultView.scrollMaxY == "number"){<br /> <br /> <br />   oh = d.documentElement.offsetHeight;<br /> <br /> <br />   sy = d.defaultView.scrollMaxY;<br /> <br /> <br />   ow = d.documentElement.offsetWidth*0.80;<br /> <br /> <br />   sx = d.defaultView.scrollMaxX;<br /> <br /> <br />   rh = oh-sy;<br /> <br /> <br />   rw = ow-sx;<br /> <br /> <br /> }<br /> <br /> <br /> else{<br /> <br /> <br />   rh = r.innerHeight;<br /> <br /> <br />   rw = r.innerWidth*0.80;<br /> <br /> <br /> }<br /> <br /> <br /> h = rh - 2; <br /> <br /> <br /> w = rw - 2;<br /> <br /> <br /> }<br /> <br /> <br /> else{<br /> <br /> <br /> h = r.clientHeight - 2;<br /> <br /> <br /> w = r.clientWidth*0.80;<br /> <br /> <br /> }<br /> <br /> <br /> }<br /> <br /> <br /> function scrl(yx){<br /> <br /> <br /> var y,x;<br /> <br /> <br /> if (domSy){<br /> <br /> <br /> y = r.pageYOffset;<br /> <br /> <br /> x = r.pageXOffset;<br /> <br /> <br /> }<br /> <br /> <br /> else{<br /> <br /> <br /> y = r.scrollTop;<br /> <br /> <br /> x = r.scrollLeft;<br /> <br /> <br /> }<br /> <br /> <br /> return (yx == 0)?y:x;<br /> <br /> <br /> }<br /> <br /> <br /> function snow(){<br /> <br /> <br /> var dy,dx;<br /> <br /> <br /> for (i = 0; i < num; i++){<br /> <br /> <br /> dy = fall[i];<br /> <br /> <br /> dx = fall[i] * Math.cos(currStep[i]);<br /> <br /> <br /> y[i]+=dy;<br /> <br /> <br /> x[i]+=dx;<br /> <br /> <br /> if (x[i] >= w || y[i] >= h){<br /> <br /> <br />   y[i] = -10;<br /> <br /> <br />   x[i] = Math.round(Math.random() * w);<br /> <br /> <br />   fall[i] = (sfs[i] == 1)?<br /> <br /> <br />   Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br /> <br /> <br />   step[i] = (sfs[i] == 1)?<br /> <br /> <br />   0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br /> <br /> <br /> }<br /> <br /> <br /> theFlakes[i].top = y[i] + scrl(0) + pix;<br /> <br /> <br /> theFlakes[i].left = x[i] + scrl(1) + pix;<br /> <br /> <br /> currStep[i]+=step[i];<br /> <br /> <br /> }<br /> <br /> <br /> setTimeout(snow,timer);<br /> <br /> <br /> }<br /> <br /> <br /> function init(){<br /> <br /> <br /> winsize();<br /> <br /> <br /> for (i = 0; i < num; i++){<br /> <br /> <br /> theFlakes[i] = document.getElementById("flake"+(idx+i)).style;<br /> <br /> <br /> y[i] = Math.round(Math.random()*h);<br /> <br /> <br /> x[i] = Math.round(Math.random()*w);<br /> <br /> <br /> }<br /> <br /> <br /> snow();<br /> <br /> <br /> }<br /> <br /> <br /> if (window.addEventListener){<br /> <br /> <br /> window.addEventListener("resize",winsize,false);<br /> <br /> <br /> window.addEventListener("load",init,false);<br /> <br /> <br /> } <br /> <br /> <br /> else if (window.attachEvent){<br /> <br /> <br /> window.attachEvent("onresize",winsize);<br /> <br /> <br /> window.attachEvent("onload",init);<br /> <br /> <br /> }<br /> <br /> <br /> })();<br /> <br /> <br /> }//End.<br /> <br /> <br />  <br /> <br /> <br />  <br /> <br /> <br /> tu remplaces les codes en rouge par l'url de ton image , c'est vrai que le html c'est pas trop du français lol<br /> <br /> <br /> <br />
U
uguetta
21/12/2010 01:50
<br /> <br /> coucou<br /> <br /> <br /> j'aimerais bien faire tomber de la neige sur mon blog mais je n'y comprends plus rien... ça fait un bail que j'ai pas fait ça.... merci du coup de main,<br /> <br /> <br /> bises<br /> <br /> <br /> hug<br /> <br /> <br /> <br />
Répondre
N
nessa
21/12/2010 10:15
<br /> <br /> je viens te répondre chez toi <br /> <br /> <br /> <br />
P
petitefolie72
13/01/2010 22:47
<br /> il y a un virus lorsque l on clique sur le script !!<br /> <br /> <br />
Répondre
G
Geneviève
21/10/2009 14:57
<br /> Erci de donner des "tuyaux". Je vis essayer de faire tomber une pluie de ??? je vais voir sur mon blog. Il y a longtemps que je cherche à faire cela.<br /> Je continue ma visite<br /> Bonne journée<br /> Geneviève<br /> <br /> <br />
Répondre
M
myriam
26/08/2009 20:15
bonjours ton blog est génial...comment as tu fais pour avoir un fond fixe et que le milieu qui bouge ..j'ai cherchée mais je n'est pas trouver la solutions...sy tu ne veux pas me dire ton secret ..je ne t'envoudrais pas....car je croie que sane dois pas etre simple..mon blog est..blog de myriam.....
Répondre
K
kitoune
04/05/2009 11:03
Oups je voulais essayer les papillons ! mais sans succès.Il faudrait que je relève ton lien, on ne peut pas faire de copier coller dommage.Merci Bonne journée
Répondre
U
uguetta
22/04/2009 00:42
bravo pour les astuces, il est toujours bon de les avoir sous le coude... <br /> alors bienvenue dans ma communauté des touche à tout !!!! à bientôt
Répondre
M
miss28
15/04/2009 20:42
re à toi!!!<br /> j'ai lus pour les gif qui tombe, j'y comprend rien comme pour le fond, c'est trop compliqué pour moi. Ca agacant qu'on on y arrive pas
Répondre