begin process at 2012 02 06 01:40:36
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > NEIGE QUI TOMBE SUR VOTRE SITE :O

NEIGE QUI TOMBE SUR VOTRE SITE :O


 Information sur la source

Note :
6,87 / 10 - par 15 personnes
6,87 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Classé sous :neige, tombe Niveau :Débutant Date de création :23/12/2005 Vu :89 230
Auteur : undanet

Ecrire un message privé
Commentaire sur cette source (47)
Ajouter un commentaire et/ou une note

 Description

Ceci est un petit script de neige, vous n'avez qu'a le placez dans votre page et tout commance :)

Source

  • <html>
  • <head>
  • <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
  • snow[i].style.top=snow[i].posy
  • }
  • 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]);
  • snow[i].style.top=snow[i].posy
  • 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>
  • <title>Neige :P</title>
  • </head>
  • <body>
  • Placez ce script dans votre page :)
  • </body>
  • </html>
<html>
<head>
<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
        snow[i].style.top=snow[i].posy
    }
    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]);
        snow[i].style.top=snow[i].posy
        
        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>
<title>Neige :P</title>
</head>
<body>
Placez ce script dans votre page :)
</body>
</html>



 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos
Toutes les sources de la catégorie Divers

 Sources en rapport avec celle ci

Source avec Zip NEIGE FIREFOX/IE par Wells
FAIRE TOMBER DE LA NEIGE par Arnotic

Commentaires et avis

Commentaire de ImmortalPC le 24/12/2005 13:37:15

Salut,
10/10 super bien fait je vais le mettre de ce pas sur mon site !!
Bon code
@+

Commentaire de cube45 le 24/12/2005 15:36:12

note: On peut mettre une image en remplacant le caractere "*" par
"<img src='urldelimage' />"
a la ligne 14

Commentaire de johann1 le 25/12/2005 06:50:13

Superbe Undamet

Commentaire de thierry13010 le 26/12/2005 04:08:20

Apparemment cela ne fonctionne pas sur firefox
Dommage.

Commentaire de emilia123 le 26/12/2005 08:27:13

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

Commentaire de Hermia41 le 26/12/2005 13:29:09

ç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!!

Commentaire de patrick532 le 26/12/2005 21:59:06

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

Commentaire de thierry13010 le 27/12/2005 02:13:42

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

Commentaire de patrick532 le 27/12/2005 18:47:39

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

Commentaire de darkman2 le 31/12/2005 10:05:27

meme commentaire que emilia123
arrete de faire de copier et coller
sois inventif et creatif et ossi imaginatif

Commentaire de PhiL666 le 01/01/2006 00:09:12

un zip serait apprécié ..(impossible de copier/coller d'un coup)

Commentaire de 1gima1 le 20/01/2006 06:44:26

Pour un débutant, c'est génial!!!! Parfait sur IE mais ne fonctionne pas sur firefox mais excellent tout de même!

Commentaire de ifebo le 02/11/2006 22:27:07

Superbe script ! Merci à son créateur et merci aussi à celui qui nous le fait découvrir ici.

Commentaire de mamyclaudine767 le 06/12/2006 01:19:11

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

Commentaire de geniebliss le 11/12/2006 01:15:03

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 :
<BODY BACKGROUND="<chemin>/image.jpg" > </BODY>
c'est très agréable, la neige sur mon image de fond préféré !!

Commentaire de ifebo le 11/12/2006 11:45:13

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.

Commentaire de ifebo le 11/12/2006 12:04:20

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.

Commentaire de christotoy le 12/12/2006 14:51:42

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

Commentaire de christotoy le 12/12/2006 18:39:03

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)

Commentaire de ifebo le 13/12/2006 00:10:37

Bonjour.
Christotoy, tu peux essayer ça au niveau de cette ligne en bas du script:
for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-10; z-index:99"+snowmaxsize+"'>"+snowletter+"</span>")

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.

Commentaire de christotoy le 13/12/2006 09:38:08

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

Commentaire de ifebo le 14/12/2006 02:29:50

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.

Commentaire de agmen le 22/12/2006 18:05:32

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>")


Commentaire de ekoala le 28/11/2007 16:34:56

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.

Commentaire de damdam951 le 09/12/2007 23:24:28

euh si un gros noob je ne ces pas commen ni ou mettre tous ce texte pouvez vous maider merci

Commentaire de ifebo le 10/12/2007 04:11:53

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.

Commentaire de ekoala le 10/12/2007 11:48:32

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)

Commentaire de geogeo_cutcut le 19/12/2007 16:49:09

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"

Commentaire de kippix le 20/12/2007 16:30:07

Bonjour,

Humm moi ça ne fonctionne pas avec +"px"

Commentaire de geogeo_cutcut le 20/12/2007 17:23:54

Mets le script directement dans le body
[code]
<body>
<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("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
</script>
[code]
</body>

Commentaire de geogeo_cutcut le 20/12/2007 17:25:41

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é

Commentaire de highjacker7700 le 05/01/2008 06:14:10

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;

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>
<body>
<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">
<div style="width:571px;height:216px;padding:0px;border:0px;">
<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




Commentaire de Exode94 le 10/12/2008 11:03:58

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
<body> en debut de script et </body> 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 ^^.

Commentaire de Exode94 le 10/12/2008 11:15:22

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.

http://labanda.cz.free.fr

Merci d'avance pour vos réponses. ;)

Commentaire de tuning78 le 14/12/2008 15:09:38

bonjours
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

Commentaire de nolygdradog le 23/12/2008 14:58:46

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!

Commentaire de patrick532 le 23/12/2008 18:40:27

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.

Commentaire de nolygdradog le 02/01/2009 18:39:11

merci, mais ça ne marche toujours pas
voilà ce que j'ai mis, selon tes conseils :

<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>
</body>



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))!

Commentaire de nolygdradog le 02/01/2009 18:40:20

il faut peut être ne mettre aucun espace après /body et le prochain template?

Commentaire de patrick532 le 06/01/2009 11:53:29

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+

Commentaire de nolygdradog le 06/01/2009 12:43:27

ok merci!
j'avais cependant trouvé un autre site qui pouvait m'aider
je viendrais ici si besoin ;)
merci, bonne année à vous!

Commentaire de nolygdradog le 05/04/2009 14:07:24

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

Commentaire de nossoctoruss le 09/12/2009 17:17:40

GG GG GG GG GG t'es over mega supra super trop cool!merci

Commentaire de tuning78 le 09/12/2009 22:13:50

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

Commentaire de nossoctoruss le 10/12/2009 12:44:54

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! ;)

Commentaire de sinse73 le 15/12/2009 14:23:59

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 ?

Commentaire de marty91410 le 27/08/2010 12:43:08

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.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

pb de neige qui ne tombe pas [ par Mr spud ] bonjour.....j'ai pris le code de neige en hiver feuille en automne et j'ai un message d'erreur quand je regarde la page....."objet requis"voici la lig commande : neige qui tombe [ par lyelle ] Bonjour à tous, J'ai besoin d'un coup de main (je ne connais rien aux scripts mais j'aimerais beaucoup faire tomber de la neige sur mon site. Je sais script de neige qui s'entasse [ par crevetteyanis ] Bonjour ou bonsoir, Tout d'abord, je tiens à dire que je suis complètement novice en la matière ... Voilà, j'ai un forum en PhpBB3 (je donne les infos neige qui tombe [ par majutoan ] je n'arrive pas à insérer la neige sur mon écran; comment faire ? Merci pour la réponse Besoin d'aide pour la neige sur mon site [ par 1er_RPIMa_XENA ] Bonsoir à tous Je me permet de vous déranger, parce que j'ai insérer un javascript sur mon site (pour faire tomber la neige), tout fonctionne en loca Problème avec XMLHttpRequest [ par fauve ] Bonjour,Je vous contacte car j'éprouve des difficultés à utiliser XMLHttpRequest...En faite j'essaie d'actualiser automatiquement un &lt;div&gt; conte scripts incompatibles [ par tibidon ] bonjour &#224; tous !!!je viens d'essayer de faire tomber quelques flocons de neige sur une page web, depuis un autre script javasript devient inop&#2 faire fonctionner un script flocon de neige [ par wally88 ] Bonjour, j'essai de faire fonctionner ce script : http://www.javascriptfr.com/codes/NEIGE-TOMBE-SUR-VOTRE-SITE_35228.aspxDans une page html ca fonctio Neige [ par junior3 ] Bonjour,J'ai un blog,comme c'est Noël je voudrais faire tombé de la neige sur ma page comment on fait.Merci de répondrejunios3


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)