marty91410
Messages postés4Date d'inscriptionjeudi 26 août 2010StatutMembreDernière intervention27 août 2010 27 août 2010 à 12:43
j'ai un petit probleme avec se se script enfaite les flocon vont de gauche a droite et juste sur la partie du haut. j'ai tester sur une feuille vierge sa marche nickel ...
quelqu'un aurait une explication?
mon site est fait avec beaucoup de div et en position absolue je sait pas si sa va vous aider mais j'aimerai beaucoup trouver la solution à mon probleme car se script est géniale.
merci d'avance.
sinse73
Messages postés1Date d'inscriptionmardi 15 décembre 2009StatutMembreDernière intervention15 décembre 2009 15 déc. 2009 à 14:23
Hmmm, alors très bon script, on peut modifier suffisamment de paramètre pour un débutant comme moi et très facilement ^^
Par contre, la neige ne tombe pas sur toute la hauteur de la page mais s'arrête à la taille de l'écran, quand je scroll vers le bas on voit bien que la neige disparaît.
Comment pourrais faire pour que ça aille jusqu'en bas ?
cs_nossoctoruss
Messages postés126Date d'inscriptionsamedi 28 novembre 2009StatutMembreDernière intervention 9 juin 2013 10 déc. 2009 à 12:44
oui,il y en a une:
dans ton code(au debut normalement),tu as écrit:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=35
si tu en veux plus tu change le nombre
ex:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=40
ou:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=51
etc etc...
maintenant tien moi au courrant! ;)
tuning78
Messages postés12Date d'inscriptionjeudi 11 juin 2009StatutMembreDernière intervention 9 décembre 2009 9 déc. 2009 à 22:13
voila instaler pour la 2eme anné consecutif
sa fonctionne tjrs nikel
ps:y a t'il possibiliter de faire qu'il y a ^plus de neige qui tombe?
mais pas une tempete de neige lol
cs_nossoctoruss
Messages postés126Date d'inscriptionsamedi 28 novembre 2009StatutMembreDernière intervention 9 juin 2013 9 déc. 2009 à 17:17
GG GG GG GG GG t'es over mega supra super trop cool!merci
nolygdradog
Messages postés5Date d'inscriptionmardi 23 décembre 2008StatutMembreDernière intervention 5 avril 2009 5 avril 2009 à 14:07
ce n'est pas vraiment en rapport, mais je n'ai pas trouvé...
y' aurait-il un script faisant tomber de la même manière des œufs de pâques, des poules en chocolat ou d'autres objets du même thème?
merci d'avance
nolygdradog
Messages postés5Date d'inscriptionmardi 23 décembre 2008StatutMembreDernière intervention 5 avril 2009 6 janv. 2009 à 12:43
ok merci!
j'avais cependant trouvé un autre site qui pouvait m'aider
je viendrais ici si besoin ;)
merci, bonne année à vous!
patrick532
Messages postés40Date d'inscriptionmardi 2 septembre 2003StatutMembreDernière intervention20 avril 2009 6 janv. 2009 à 11:53
salut,
je ne connais pas la façon de créer un nouveau template par xooit, mais je pense qu'il faut faire attention à l'endroit où tu insère le code (balises html , head , body ), sinon tu peux jeter un oeil sur mon site ( http://patrick.merlaud.free.fr ) car aujourd'hui 6 janvier j'utilise ce script (un peu modifié) pour faire "pleuvoir" des galettes des rois (les images changent selon les jours). ça marche bien sous firefox mais pas trop bien sous IE (selon les versions). C'est surtout un problème de compatibilité mais il faut malheureusement faire avec.
j'ai mis le script de Undanet dans un fichier js externe que j'appelle dans le head de ma page principale par
<script type="text/javascript" src="neige.js"></script>
et comme le js est externalisé il n'y a pas de balises de début ni de fin.
tu peux y accéder directement en suivant ce lien:
http://patrick.merlaud.free.fr/neige.js
ps: une partie de mon site est protégé par mot de passe mais la partie "neige" est visible par tous, donc ne vous occuper pas de la demande d'identifiant en début de site.
bonne année à tous et bonne programmation.
A+
nolygdradog
Messages postés5Date d'inscriptionmardi 23 décembre 2008StatutMembreDernière intervention 5 avril 2009 2 janv. 2009 à 18:40
il faut peut être ne mettre aucun espace après /body et le prochain template?
nolygdradog
Messages postés5Date d'inscriptionmardi 23 décembre 2008StatutMembreDernière intervention 5 avril 2009 2 janv. 2009 à 18:39
merci, mais ça ne marche toujours pas
voilà ce que j'ai mis, selon tes conseils :
<script language="JavaScript">
var snowmax=35
var snowcolor=#ddddFF
var snowtype=Arial Black
var snowletter=*
var sinkspeed=2
var snowminsize=10
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].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) {
window.onload=initsnow
}
</script>
quel peut être le problème? j'ai enlevé [code] et rajouté des < là où il en manquait...
merci d'avance, bonne fêtes en retard (comme ce template, qui risque d'être en retard aussi x))!
patrick532
Messages postés40Date d'inscriptionmardi 2 septembre 2003StatutMembreDernière intervention20 avril 2009 23 déc. 2008 à 18:40
Bonjour nolygdradog,
Normalement il ne faut pas mettre les [code].
De plus certaines balises "<" sont manquantes pour body et script ainsi que /body et /script .
Fait les corrections et dit nous si tout marche ensuite :-)
Bonnes fêtes à tous.
nolygdradog
Messages postés5Date d'inscriptionmardi 23 décembre 2008StatutMembreDernière intervention 5 avril 2009 23 déc. 2008 à 14:58
Bonjour à vous!
Voilà je suis administratrice d'un forum xooit (http://sillage22.xooit.com), et je n'ai pas réussi à installer ce template
je vous dit les étapes que j'ai fait
dans le panneau d'admin, je vais dans thème, puis modifier les templates, je descend la liste et je clique sur overall header, et dès la première ligne, je mets exactement ceci :
[code]
body>
script language="JavaScript">
var snowmax=35
var snowcolor=#ddddFF
var snowtype=Arial Black
var snowletter=*
var sinkspeed=2
var snowminsize=10
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].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) {
window.onload=initsnow
}
/script>
[code]
/body>
ce n'est pas ça qu'il faut mettre?
car en retournant à l'index de mon forum, il n'y a rien de nouveau, mis à part, au dessus du logo à gauche :
[code] [code]
il n'y a pas de / avant le deuxième code
ce sont juste deux écrits ne faisant aucune action...
éclairez moi svp, merci ;)
et joyeux Noël!
tuning78
Messages postés12Date d'inscriptionjeudi 11 juin 2009StatutMembreDernière intervention 9 décembre 2009 14 déc. 2008 à 15:09
mais je voulais savoir car avec la couleur de du forum on voi pas tro par momment savoir si on peu modifier la couleur ou rajouter avec des petit pere noel
merci de me dire le n° des ligne a modifier si c'est faisable
car je connais rien en java
merci a vous
et bonne fete de fin d'année a tous
Exode94
Messages postés2Date d'inscriptionvendredi 5 décembre 2008StatutMembreDernière intervention10 décembre 2008 10 déc. 2008 à 11:15
Salut à tous,
J'ai un petit soucis ^^
La neige tombe bien sur mon forum,
le seul hic c'est qu'elle tombe que sur 30 % de la page.
Voilà mon lien pour mieux comprendre ce que je dis.
Exode94
Messages postés2Date d'inscriptionvendredi 5 décembre 2008StatutMembreDernière intervention10 décembre 2008 10 déc. 2008 à 11:03
Rien de plus simple pour le mettre sur le FTP.
Voilà le chemin à suivre:
/templates/Titre_du_thème/overall_header.tpl
Ouvrir "overall_header.tpl" avec par exemple le bloc note.
Coller votre script sur votre page sans oblier nos fameux
en debut de script et en fin de script.
Reste plus cas envoyer votre fichier sur le FTP.
P.s: bien évidement faite une sauvegarde de votre fichier "overall_header.tpl" avant toutes modification.
Bonne chance à tous et bon noel ^^.
highjacker7700
Messages postés1Date d'inscriptionsamedi 5 janvier 2008StatutMembreDernière intervention 5 janvier 2008 5 janv. 2008 à 06:14
lu all moi je suis un petit nouveau ici donc je suis encore un noob dans le domaine mai je m interaisse de pres au codage et a la creation de site a la programation c++ htlm css et java
et je voudrai metre de la neige sur mon site le truc c 'est que moi j ai un site nuked klan ben oui quand on sai pas on fait au plus facil sur tous quand on est presser je suis co leader d une team de 20 joueur bref
je ne mis connai casiment pas bon je trifouille comme tous le monde et maquestion est la suivante ou faut il metre le joli code qui a ete donner moi je pence que ca doie etre dans theme.php mai je ne suis pas sur
donc j ai tester mai je ne sai pas ou le metre apres body ou apres head ou ??? je vous donne le debut de la page
/////////////////////////////
/
/ voila le debut
/////////////////////////////
function top()
{
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $nuked, $file, $page, $user;
je pence que c 'est apre head et entre les 2 body celuis la et celuis tous a la fin du code non ???
help merci d avance highjacker7700
PS desoler de detrrer les vieux topic mai ca me tente beaucoup et pas trouver d aide donc voila merci de votre compreanssion
geogeo_cutcut
Messages postés5Date d'inscriptionmercredi 25 juillet 2007StatutMembreDernière intervention23 octobre 2008 20 déc. 2007 à 17:25
En tout, je viens de le tester et chez moi il fonctionne sous IE et FF en ajoutant les +"px" aux lignes que j'ai indiqué
geogeo_cutcut
Messages postés5Date d'inscriptionmercredi 25 juillet 2007StatutMembreDernière intervention23 octobre 2008 20 déc. 2007 à 17:23
Mets le script directement dans le body
[code]
<script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=35
// Placez les couleurs pour la neige. Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Placez les polices, celle créent les flocons de neige. Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="'"
// Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
var sinkspeed=2
// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=30
// Placez la minimal-taille de vos snowflaxes
var snowminsize=10
// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////
// N'éditez pas au-dessous de cette ligne
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write(""+snowletter+"")
}
if (browserok) {
window.onload=initsnow
}
</script>
[code]
kippix
Messages postés1Date d'inscriptionjeudi 16 octobre 2003StatutMembreDernière intervention20 décembre 2007 20 déc. 2007 à 16:30
Bonjour,
Humm moi ça ne fonctionne pas avec +"px"
geogeo_cutcut
Messages postés5Date d'inscriptionmercredi 25 juillet 2007StatutMembreDernière intervention23 octobre 2008 19 déc. 2007 à 16:49
Bonjour,
Pour que le code fonctionne sur FF
il suffit de rajouter +"px"
pour les lignes 80,81,90,91
exemple :
snow[i].style.left=snow[i].posx+"px"
ekoala
Messages postés2Date d'inscriptionmercredi 28 novembre 2007StatutMembreDernière intervention10 décembre 2007 10 déc. 2007 à 11:48
Merci Ifebo.
Oui en effet sur Web studio je sais où le placer, je pensais au script surtout (car j'ai vue ce même code en script) et pour celui ci j'ai surtout des problèmes avec les images que je ne parviens pas à changer pour mettre un autre flocon !!
J'ai trouvé encore un autre site qui le fait et j'ai réussi à l'installer correctement sur ma page d'accueil !
Merci encore :o)
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 10 déc. 2007 à 04:11
Bonjour à tous. Ekoala avez-vous essayé de faire un simple copier/coller de ce script sur un fichier texte (.txt) auquel vous avez remplacé l'extension .txt par l'extension .htm ou html ?
Ce script fonctionne tel qu'il est présenté ici. vous pouvez, en lisant avec un minimum d'attention, faire les quelques petites modifications qui sont suggérées au cours de cette discussion.
Vous saurez après ça ou mettre ce script puisque vous l'aurez fait.
Eventuellement vous pourrez ouvrir cette page une fois faite avec votre éditeur Webstudio pour vérifier comment il se positionne dans votre page Webstudio.
PS: si vous le voulez sur votre page d'accueil, je pense qu'il vous faudra le placer sur votre page d'index qui doit en principe se nommer "index.html" à vérifier bien sûr.
Voilà voilà... Bonnes fêtes de fin d'année.
damdam951
Messages postés1Date d'inscriptiondimanche 9 décembre 2007StatutMembreDernière intervention 9 décembre 2007 9 déc. 2007 à 23:24
euh si un gros noob je ne ces pas commen ni ou mettre tous ce texte pouvez vous maider merci
ekoala
Messages postés2Date d'inscriptionmercredi 28 novembre 2007StatutMembreDernière intervention10 décembre 2007 28 nov. 2007 à 16:34
Bonjour à tous :o)
Je suis nouvelle ici et en générale dans le monde des scripts, création de site, ect...
Malgrès tout je me débrouille comme je peux, mais là, je bug vraiment pour mettre ce script sur mon site !
J'utilise WebStudio pour faire mon site et je ne sais pas du tout où et comment placer tout ça pour avoir la neige sur ma page d'accueil ??
J'ai déjà essayée de transférer ce genre de script sur mon site mais rien ...
Quelqu'un pourrait m'aider SVP ?
Merci d'avance.
agmen
Messages postés1Date d'inscriptionvendredi 22 décembre 2006StatutMembreDernière intervention22 décembre 2006 22 déc. 2006 à 18:05
Bonjour,
Script très sympa.
J'ai juste apporté la petite modification suivante pour la validation W3C ("<\/span>").
ligne 105:
style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"<\/span>")
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 14 déc. 2006 à 02:29
Bonjour.
Avec les animations flash, il est toujours possible de gérer la transparence du fond si on a le fichier .fla bien sûr. Donc ça ne m'a pas pas beaucoup préoccupper jusqu'ici. Par contre je sais qu'avec les applets java ou les plugins lecteurs de média, je n'ai jamais réussi à les positionner au niveau souhaité. Essais d'appliquer une position absolue à la balise objet avec un z-index de ton choix tu verras bien.
christotoy
Messages postés3Date d'inscriptionmardi 12 décembre 2006StatutMembreDernière intervention13 décembre 2006 13 déc. 2006 à 09:38
Merci pour tes infos. je vais essayer. Justement tu mets le doigt sur une autre de mes problèmatiques. J'ai 2 petites animations flash sur le site et je souhaitais pouvoir les recouvrir en partie avec un autre calque. Est-il possible de mettre de telles animations "en second plan" ?
Merci d'avance
Christophe
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 13 déc. 2006 à 00:10
Bonjour.
Christotoy, tu peux essayer ça au niveau de cette ligne en bas du script:
for (i=0;i<=snowmax;i++) {
document.write(""+snowletter+"")
Avec un z-index de 99 y a des chances pour que ça passe au-dessus de tes éléments html. Mais si il y a un activex quelconque ou une applet java ça passera derrière quelque soit le z-index.
Voilà et bonnes fêtes aussi enneigées que tu le souhaites.
christotoy
Messages postés3Date d'inscriptionmardi 12 décembre 2006StatutMembreDernière intervention13 décembre 2006 12 déc. 2006 à 18:39
Ca y est j'ai trouvé. Merci à IFEBO, c'était au niveau de la ligne "marginbottom"
Maintenant reste à savoir comment faire tomber la neige par dessus mes autres calques. (mettre la neige en premier plan)
christotoy
Messages postés3Date d'inscriptionmardi 12 décembre 2006StatutMembreDernière intervention13 décembre 2006 12 déc. 2006 à 14:51
bonjour à tous,
je suis nouveau sur le forum et développeur très très amateur.
Depuis 3 jours, j'essaie de faire tomber la neige sur la page d'accueil de mon site. Lorsque j'intègre à ma page ce script (ou un autre) la neige reste coincée en haut de l'écran. Sur 1 centimètre environ mais elle ne veut pas tomber :-((.
Si qualqu'un à une idée.
Merci d'avance
Christophe
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 11 déc. 2006 à 12:04
Bon, en fin de compte j'ai trouvé une solution je crois.
A la ligne : marginbottom = document.body.clientHeight
J'ai remplacé et mis : marginbottom = x
x étant n'importe quel chiffre entier correspondant à la taille de la page 1400 par exemple si la page fait en tout 1400 px de hauteur totale.
Ca a marché chez moi sur xp pro sp2 avec ie6 il faut voir pour les autres.
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 11 déc. 2006 à 11:45
Bonjour. N'y aurait-il pas moyen d'étendre la "snowingzone" en hauteur sur 100%. A cause des pages ayant une longueur qui fait intervenir la barre d'ascenseur. dès qu'on dépasse la résolution écran en hauteur, plus de neige.
Je pensais par exemple à quelque chose dans le genre :
var snowingzone height=100%. Bon ok je sais que ce n'est pas comme ça qu'il faut l'écrire, mais justement c'est pour ça que je demande. Merci si vous pouvez donner une idée.
geniebliss
Messages postés1Date d'inscriptionjeudi 20 janvier 2005StatutMembreDernière intervention11 décembre 2006 11 déc. 2006 à 01:15
salut,
Merci pour le créateur de ce code (et à tout ceux qui l'on fait connaître aux autres). Super simple à mettre en oeuvre et à paramétrer. Je m'en sers comme fond d'ecran Windob XP, en rajoutant juste après :
/image.jpg" > c'est très agréable, la neige sur mon image de fond préféré !!
mamyclaudine767
Messages postés1Date d'inscriptionsamedi 13 mai 2006StatutMembreDernière intervention 6 décembre 2006 6 déc. 2006 à 01:19
ben moi je l'ai lu mais pas encore mis car pour un débutant pas évident quand même de savoir ou le mette ce script lool faut et ou faut t'il le mettre exactement lool ,faut penser aux débutants même moi une mamy je voudrais cette neige dans mon petit site ,merci de me dire ou exactement le mettre merci d'avance a qui me répondra
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 2 nov. 2006 à 22:27
Superbe script ! Merci à son créateur et merci aussi à celui qui nous le fait découvrir ici.
1gima1
Messages postés7Date d'inscriptionjeudi 3 novembre 2005StatutMembreDernière intervention18 mars 2007 20 janv. 2006 à 06:44
Pour un débutant, c'est génial!!!! Parfait sur IE mais ne fonctionne pas sur firefox mais excellent tout de même!
PhiL666
Messages postés102Date d'inscriptionmardi 15 mars 2005StatutMembreDernière intervention 9 juin 2006 1 janv. 2006 à 00:09
un zip serait apprécié ..(impossible de copier/coller d'un coup)
cs_darkman2
Messages postés121Date d'inscriptionmardi 3 mai 2005StatutMembreDernière intervention31 décembre 2005 31 déc. 2005 à 10:05
meme commentaire que emilia123
arrete de faire de copier et coller
sois inventif et creatif et ossi imaginatif
patrick532
Messages postés40Date d'inscriptionmardi 2 septembre 2003StatutMembreDernière intervention20 avril 2009 27 déc. 2005 à 18:47
salut,
moi j'ai pas de problème du tout sur mozilla firefox 1.5 , je vois la même chose que sur IE6.
et je ne vois pas quel paramétre de firefox tu devrais changer pour que cela fonctionne. Alors le problème vient peut-être de la façon dont tu a écris le html (par exemple il faut bien enlever les "#" qu'il y a devant chaque ligne de code ; c'est un problème qui vient du site http://www.javascriptfr.com; avant il y avait même les n° de ligne ! ).
autrement dans le même style il y a en ce moment le site http://www.thechien.com qui montre de la neige tombant , et qui marche sous firefox. (c'est un site de chien virtuel genre tamakotchi mais en mieux et en français). il suffit de prendre le code source de la page principale (je ne le met pas ici car trop long); la partie intéressante est en bas du code.
voila, bonne continuation , et A+
MPP
thierry13010
Messages postés2Date d'inscriptionmardi 14 octobre 2003StatutMembreDernière intervention27 décembre 2005 27 déc. 2005 à 02:13
Salut .
Effectivement, en javascript il faut mettre des . pour les nombres à virgule.
Même sous firefox 1.5, rien.
Quelqu'un a t-il un exemple de site web actuellement en ligne utilisant ce script et qui fonctionnerait sour firefox ?
@+
thierry
patrick532
Messages postés40Date d'inscriptionmardi 2 septembre 2003StatutMembreDernière intervention20 avril 2009 26 déc. 2005 à 21:59
salut,
thierry13010 => ça marche avec firefox 1.5 (non trouvé par update automatique de mozilla !)
mais attention à l'écriture des valeurs décimales pour la vitesse de flocons:
undanet => // Placez la vitesse de la descente (gamme recommandée de valeurs de 0.3 à 2)
var sinkspeed=0.5
( mettre le "." au lieu de "," ; remarque ça dépend peut-être du browser utilisé !? )
code sympa et bien commenté,( même si emilia123 a raison ) donc 8/10
A+ et bonne continuation
cs_Hermia41
Messages postés3Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention26 décembre 2005 26 déc. 2005 à 13:29
ça donne bien mais sa fait tout bugger, j'avais mit de la musique sur la page et la musique ne fonctionnait plus!!!
sa ralentissait tout aussi, c'est dommage!!
cs_emilia123
Messages postés122Date d'inscriptionmercredi 19 décembre 2001StatutMembreDernière intervention 5 janvier 2009 26 déc. 2005 à 08:27
bonjour
juste une petite remarque....
quand on utilise un code de quelqun d'autre on le précise, et on en met l'origine.
c'est rigolo google.. si je chercher "var snowmax=35" je tombe sur une dizaine de script pareil à celui cid atant de 2002 ou 2003, en anglais (merci pour la traduction éventuelle), certains meme en holandais/
voila c'est tout.
Emi
thierry13010
Messages postés2Date d'inscriptionmardi 14 octobre 2003StatutMembreDernière intervention27 décembre 2005 26 déc. 2005 à 04:08
Apparemment cela ne fonctionne pas sur firefox
Dommage.
cs_johann1
Messages postés170Date d'inscriptionjeudi 21 octobre 2004StatutMembreDernière intervention 9 janvier 2008 25 déc. 2005 à 06:50
Superbe Undamet
cube45
Messages postés14Date d'inscriptionvendredi 18 février 2005StatutMembreDernière intervention 3 novembre 2006 24 déc. 2005 à 15:36
note: On peut mettre une image en remplacant le caractere "*" par
""
a la ligne 14
ImmortalPC
Messages postés954Date d'inscriptionmardi 11 mai 2004StatutMembreDernière intervention11 novembre 20082 24 déc. 2005 à 13:37
Salut,
10/10 super bien fait je vais le mettre de ce pas sur mon site !!
Bon code
@+
6 janv. 2018 à 10:50
27 août 2010 à 12:43
quelqu'un aurait une explication?
mon site est fait avec beaucoup de div et en position absolue je sait pas si sa va vous aider mais j'aimerai beaucoup trouver la solution à mon probleme car se script est géniale.
merci d'avance.
15 déc. 2009 à 14:23
Par contre, la neige ne tombe pas sur toute la hauteur de la page mais s'arrête à la taille de l'écran, quand je scroll vers le bas on voit bien que la neige disparaît.
Comment pourrais faire pour que ça aille jusqu'en bas ?
10 déc. 2009 à 12:44
dans ton code(au debut normalement),tu as écrit:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=35
si tu en veux plus tu change le nombre
ex:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=40
ou:
4.// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
5.var snowmax=51
etc etc...
maintenant tien moi au courrant! ;)
9 déc. 2009 à 22:13
sa fonctionne tjrs nikel
ps:y a t'il possibiliter de faire qu'il y a ^plus de neige qui tombe?
mais pas une tempete de neige lol
9 déc. 2009 à 17:17
5 avril 2009 à 14:07
y' aurait-il un script faisant tomber de la même manière des œufs de pâques, des poules en chocolat ou d'autres objets du même thème?
merci d'avance
6 janv. 2009 à 12:43
j'avais cependant trouvé un autre site qui pouvait m'aider
je viendrais ici si besoin ;)
merci, bonne année à vous!
6 janv. 2009 à 11:53
je ne connais pas la façon de créer un nouveau template par xooit, mais je pense qu'il faut faire attention à l'endroit où tu insère le code (balises html , head , body ), sinon tu peux jeter un oeil sur mon site ( http://patrick.merlaud.free.fr ) car aujourd'hui 6 janvier j'utilise ce script (un peu modifié) pour faire "pleuvoir" des galettes des rois (les images changent selon les jours). ça marche bien sous firefox mais pas trop bien sous IE (selon les versions). C'est surtout un problème de compatibilité mais il faut malheureusement faire avec.
j'ai mis le script de Undanet dans un fichier js externe que j'appelle dans le head de ma page principale par
<script type="text/javascript" src="neige.js"></script>
et comme le js est externalisé il n'y a pas de balises de début ni de fin.
tu peux y accéder directement en suivant ce lien:
http://patrick.merlaud.free.fr/neige.js
ps: une partie de mon site est protégé par mot de passe mais la partie "neige" est visible par tous, donc ne vous occuper pas de la demande d'identifiant en début de site.
bonne année à tous et bonne programmation.
A+
2 janv. 2009 à 18:40
2 janv. 2009 à 18:39
voilà ce que j'ai mis, selon tes conseils :
<script language="JavaScript">
var snowmax=35
var snowcolor=#ddddFF
var snowtype=Arial Black
var snowletter=*
var sinkspeed=2
var snowminsize=10
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].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) {
window.onload=initsnow
}
</script>
quel peut être le problème? j'ai enlevé [code] et rajouté des < là où il en manquait...
merci d'avance, bonne fêtes en retard (comme ce template, qui risque d'être en retard aussi x))!
23 déc. 2008 à 18:40
Normalement il ne faut pas mettre les [code].
De plus certaines balises "<" sont manquantes pour body et script ainsi que /body et /script .
Fait les corrections et dit nous si tout marche ensuite :-)
Bonnes fêtes à tous.
23 déc. 2008 à 14:58
Voilà je suis administratrice d'un forum xooit (http://sillage22.xooit.com), et je n'ai pas réussi à installer ce template
je vous dit les étapes que j'ai fait
dans le panneau d'admin, je vais dans thème, puis modifier les templates, je descend la liste et je clique sur overall header, et dès la première ligne, je mets exactement ceci :
[code]
body>
script language="JavaScript">
var snowmax=35
var snowcolor=#ddddFF
var snowtype=Arial Black
var snowletter=*
var sinkspeed=2
var snowminsize=10
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].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) {
window.onload=initsnow
}
/script>
[code]
/body>
ce n'est pas ça qu'il faut mettre?
car en retournant à l'index de mon forum, il n'y a rien de nouveau, mis à part, au dessus du logo à gauche :
[code] [code]
il n'y a pas de / avant le deuxième code
ce sont juste deux écrits ne faisant aucune action...
éclairez moi svp, merci ;)
et joyeux Noël!
14 déc. 2008 à 15:09
je l'ai inserrer sur un forum sa fais pas mal
si vous voulez voir ( http://seb-auto.forumpro.fr/index.htm )
mais je voulais savoir car avec la couleur de du forum on voi pas tro par momment savoir si on peu modifier la couleur ou rajouter avec des petit pere noel
merci de me dire le n° des ligne a modifier si c'est faisable
car je connais rien en java
merci a vous
et bonne fete de fin d'année a tous
10 déc. 2008 à 11:15
J'ai un petit soucis ^^
La neige tombe bien sur mon forum,
le seul hic c'est qu'elle tombe que sur 30 % de la page.
Voilà mon lien pour mieux comprendre ce que je dis.
http://labanda.cz.free.fr
Merci d'avance pour vos réponses. ;)
10 déc. 2008 à 11:03
Voilà le chemin à suivre:
/templates/Titre_du_thème/overall_header.tpl
Ouvrir "overall_header.tpl" avec par exemple le bloc note.
Coller votre script sur votre page sans oblier nos fameux
en debut de script et en fin de script.
Reste plus cas envoyer votre fichier sur le FTP.
P.s: bien évidement faite une sauvegarde de votre fichier "overall_header.tpl" avant toutes modification.
Bonne chance à tous et bon noel ^^.
5 janv. 2008 à 06:14
et je voudrai metre de la neige sur mon site le truc c 'est que moi j ai un site nuked klan ben oui quand on sai pas on fait au plus facil sur tous quand on est presser je suis co leader d une team de 20 joueur bref
je ne mis connai casiment pas bon je trifouille comme tous le monde et maquestion est la suivante ou faut il metre le joli code qui a ete donner moi je pence que ca doie etre dans theme.php mai je ne suis pas sur
donc j ai tester mai je ne sai pas ou le metre apres body ou apres head ou ??? je vous donne le debut de la page
/////////////////////////////
/
/ voila le debut
/////////////////////////////
function top()
{
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $nuked, $file, $page, $user;
echo "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n"
. "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head>\n"
. "<meta name="keywords" content="" . $nuked['keyword'] . "" />\n"
. "<meta name="Description" content="" . $nuked['description'] . "" />\n"
. "<title>" . $nuked['name'] . " - " . $nuked['slogan'] . "</title>\n";
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<link title="style" type="text/css" rel="stylesheet" href="themes/st_drift/style.css" />
<script type="text/javascript" src="themes/st_drift/flash/flash.js"></script>
<script type="text/javascript" src="themes/st_drift/liveclock.js"></script>
</head>
<table style="width:1000px; margin-left:auto; margin-right:auto;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:100%;">
<td style="width:40px; background-image:url(themes/st_drift/images/barres/gauche.jpg); vertical-align:top;"></td>
<td style="width:920px; vertical-align:top;">
<table style="width:920px;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:216px;">
<td style="width:571px;vertical-align:top">
<table style="width:571px;height:216px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:571px;height:216px;background-image:url(themes/st_drift/images/header/1.jpg);vertical-align:top">
<script type="text/javascript">
show_flash('571', '216', 'themes/st_drift/flash/header.swf', '#FFFFFF', 'team=<?php echo text2flash($nuked['name']); ?>');
</script>
je pence que c 'est apre head et entre les 2 body celuis la et celuis tous a la fin du code non ???
help merci d avance highjacker7700
PS desoler de detrrer les vieux topic mai ca me tente beaucoup et pas trouver d aide donc voila merci de votre compreanssion
20 déc. 2007 à 17:25
20 déc. 2007 à 17:23
[code]
<script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=35
// Placez les couleurs pour la neige. Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Placez les polices, celle créent les flocons de neige. Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="'"
// Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
var sinkspeed=2
// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=30
// Placez la minimal-taille de vos snowflaxes
var snowminsize=10
// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////
// N'éditez pas au-dessous de cette ligne
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[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+"px"
snow[i].style.top=snow[i].posy+"px"
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
snow[i].style.top=snow[i].posy+"px"
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write(""+snowletter+"")
}
if (browserok) {
window.onload=initsnow
}
</script>
[code]
20 déc. 2007 à 16:30
Humm moi ça ne fonctionne pas avec +"px"
19 déc. 2007 à 16:49
Pour que le code fonctionne sur FF
il suffit de rajouter +"px"
pour les lignes 80,81,90,91
exemple :
snow[i].style.left=snow[i].posx+"px"
10 déc. 2007 à 11:48
Oui en effet sur Web studio je sais où le placer, je pensais au script surtout (car j'ai vue ce même code en script) et pour celui ci j'ai surtout des problèmes avec les images que je ne parviens pas à changer pour mettre un autre flocon !!
J'ai trouvé encore un autre site qui le fait et j'ai réussi à l'installer correctement sur ma page d'accueil !
Merci encore :o)
10 déc. 2007 à 04:11
Ce script fonctionne tel qu'il est présenté ici. vous pouvez, en lisant avec un minimum d'attention, faire les quelques petites modifications qui sont suggérées au cours de cette discussion.
Vous saurez après ça ou mettre ce script puisque vous l'aurez fait.
Eventuellement vous pourrez ouvrir cette page une fois faite avec votre éditeur Webstudio pour vérifier comment il se positionne dans votre page Webstudio.
PS: si vous le voulez sur votre page d'accueil, je pense qu'il vous faudra le placer sur votre page d'index qui doit en principe se nommer "index.html" à vérifier bien sûr.
Voilà voilà... Bonnes fêtes de fin d'année.
9 déc. 2007 à 23:24
28 nov. 2007 à 16:34
Je suis nouvelle ici et en générale dans le monde des scripts, création de site, ect...
Malgrès tout je me débrouille comme je peux, mais là, je bug vraiment pour mettre ce script sur mon site !
J'utilise WebStudio pour faire mon site et je ne sais pas du tout où et comment placer tout ça pour avoir la neige sur ma page d'accueil ??
J'ai déjà essayée de transférer ce genre de script sur mon site mais rien ...
Quelqu'un pourrait m'aider SVP ?
Merci d'avance.
22 déc. 2006 à 18:05
Script très sympa.
J'ai juste apporté la petite modification suivante pour la validation W3C ("<\/span>").
ligne 105:
style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"<\/span>")
14 déc. 2006 à 02:29
Avec les animations flash, il est toujours possible de gérer la transparence du fond si on a le fichier .fla bien sûr. Donc ça ne m'a pas pas beaucoup préoccupper jusqu'ici. Par contre je sais qu'avec les applets java ou les plugins lecteurs de média, je n'ai jamais réussi à les positionner au niveau souhaité. Essais d'appliquer une position absolue à la balise objet avec un z-index de ton choix tu verras bien.
13 déc. 2006 à 09:38
Merci d'avance
Christophe
13 déc. 2006 à 00:10
Christotoy, tu peux essayer ça au niveau de cette ligne en bas du script:
for (i=0;i<=snowmax;i++) {
document.write(""+snowletter+"")
Avec un z-index de 99 y a des chances pour que ça passe au-dessus de tes éléments html. Mais si il y a un activex quelconque ou une applet java ça passera derrière quelque soit le z-index.
Voilà et bonnes fêtes aussi enneigées que tu le souhaites.
12 déc. 2006 à 18:39
Maintenant reste à savoir comment faire tomber la neige par dessus mes autres calques. (mettre la neige en premier plan)
12 déc. 2006 à 14:51
je suis nouveau sur le forum et développeur très très amateur.
Depuis 3 jours, j'essaie de faire tomber la neige sur la page d'accueil de mon site. Lorsque j'intègre à ma page ce script (ou un autre) la neige reste coincée en haut de l'écran. Sur 1 centimètre environ mais elle ne veut pas tomber :-((.
Si qualqu'un à une idée.
Merci d'avance
Christophe
11 déc. 2006 à 12:04
A la ligne : marginbottom = document.body.clientHeight
J'ai remplacé et mis : marginbottom = x
x étant n'importe quel chiffre entier correspondant à la taille de la page 1400 par exemple si la page fait en tout 1400 px de hauteur totale.
Ca a marché chez moi sur xp pro sp2 avec ie6 il faut voir pour les autres.
11 déc. 2006 à 11:45
Je pensais par exemple à quelque chose dans le genre :
var snowingzone height=100%. Bon ok je sais que ce n'est pas comme ça qu'il faut l'écrire, mais justement c'est pour ça que je demande. Merci si vous pouvez donner une idée.
11 déc. 2006 à 01:15
Merci pour le créateur de ce code (et à tout ceux qui l'on fait connaître aux autres). Super simple à mettre en oeuvre et à paramétrer. Je m'en sers comme fond d'ecran Windob XP, en rajoutant juste après :
/image.jpg" >
c'est très agréable, la neige sur mon image de fond préféré !!
6 déc. 2006 à 01:19
2 nov. 2006 à 22:27
20 janv. 2006 à 06:44
1 janv. 2006 à 00:09
31 déc. 2005 à 10:05
arrete de faire de copier et coller
sois inventif et creatif et ossi imaginatif
27 déc. 2005 à 18:47
moi j'ai pas de problème du tout sur mozilla firefox 1.5 , je vois la même chose que sur IE6.
et je ne vois pas quel paramétre de firefox tu devrais changer pour que cela fonctionne. Alors le problème vient peut-être de la façon dont tu a écris le html (par exemple il faut bien enlever les "#" qu'il y a devant chaque ligne de code ; c'est un problème qui vient du site http://www.javascriptfr.com; avant il y avait même les n° de ligne ! ).
autrement dans le même style il y a en ce moment le site http://www.thechien.com qui montre de la neige tombant , et qui marche sous firefox. (c'est un site de chien virtuel genre tamakotchi mais en mieux et en français). il suffit de prendre le code source de la page principale (je ne le met pas ici car trop long); la partie intéressante est en bas du code.
voila, bonne continuation , et A+
MPP
27 déc. 2005 à 02:13
Effectivement, en javascript il faut mettre des . pour les nombres à virgule.
Même sous firefox 1.5, rien.
Quelqu'un a t-il un exemple de site web actuellement en ligne utilisant ce script et qui fonctionnerait sour firefox ?
@+
thierry
26 déc. 2005 à 21:59
thierry13010 => ça marche avec firefox 1.5 (non trouvé par update automatique de mozilla !)
mais attention à l'écriture des valeurs décimales pour la vitesse de flocons:
undanet => // Placez la vitesse de la descente (gamme recommandée de valeurs de 0.3 à 2)
var sinkspeed=0.5
( mettre le "." au lieu de "," ; remarque ça dépend peut-être du browser utilisé !? )
code sympa et bien commenté,( même si emilia123 a raison ) donc 8/10
A+ et bonne continuation
26 déc. 2005 à 13:29
sa ralentissait tout aussi, c'est dommage!!
26 déc. 2005 à 08:27
juste une petite remarque....
quand on utilise un code de quelqun d'autre on le précise, et on en met l'origine.
c'est rigolo google.. si je chercher "var snowmax=35" je tombe sur une dizaine de script pareil à celui cid atant de 2002 ou 2003, en anglais (merci pour la traduction éventuelle), certains meme en holandais/
voila c'est tout.
Emi
26 déc. 2005 à 04:08
Dommage.
25 déc. 2005 à 06:50
24 déc. 2005 à 15:36
""
a la ligne 14
24 déc. 2005 à 13:37
10/10 super bien fait je vais le mettre de ce pas sur mon site !!
Bon code
@+