Salut lemac-rick
Pour les flocons, j'ai trouvé le script sur ce site, je te le refile ici
Script à copier dans un des commentaires de bas de page de pragmax ( cf réglages )
<script>
var snowmax=20
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
var snowletter=new Array ("*")
var sinkspeed=2.0
var snowmaxsize=40
var snowminsize=20
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(6*marginbottom-marginbottom-6*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy
if (snow.posy>=marginbottom-6*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
initsnow();
}
</script>Maintenant, si tu veux faire un truc plus sympa, regardes ici :
http://www.schillmania.com/projects/snowstorm/Lien direct de téléchargement :
http://www.schillmania.com/projects/snowstorm/snowstorm_20041121a.zipJe te conseille d'éditer la configuration du script en ouvrant le fichier ' snowstorm.js ' car la configuration par défaut et trop lourde, ce qui
ralenti la navigation sur ton site.
Volià perso ce que j'ai fait :
// User-configurable variables
// ---------------------------
var usePNG = false;
var imagePath = /chemin_sur_ton_serveur/';
var flakeTypes = 2; // ici tu définis le nombre d'images.
var flakesMax = 12;
var flakesMaxActive = 9;
var vMax = 1.4;
var flakeWidth = 49;
var flakeHeight = 38;
var flakeBottom = null; // Integer for fixed bottom, 0 or null for "full-screen" snow effect
var snowCollect = false;
var showStatus = true;
// --- End of user section ---Ensuite copie ceci à la place du script que j'ai écrit plus haut :
<a href="javascript:snowStorm.randomizeWind()">Modifier le sens de la chute.</a><br />
<a href="javascript:snowStorm.stop()">Stopper l'animation.</a><br />
<script type="text/javascript" src="/chemin_sur_ton_serveur/snowstorm.js"></script>Pense à remplacer 'chemin_sur_ton_serveur' par le chemin dans lequel tu auras placé les fichiers du script ...
Tu remarqueras surement que tu peux ensuite remplacer les images pas défaut par les tiennes pour personaliser encore plus ton site
Je viens de le réactiver sur mon site si tu veux voire ce que cela donne ...
