Ou mettre mon code HTLM (flocon de neige)

Résolu/Fermé

Html

roicarlito Messages postés 13 Date d'inscription jeudi 14 août 2008 Statut Membre Dernière intervention 16 décembre 2008 - 16 déc. 2008 à 13:10
adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 - 16 déc. 2008 à 13:57

Bonjour,
voilà je débute en htlm je manie un peu les codes mais pas moyen de mettre ce code htlm pour les flocons de neige...

* Dans le body:
* <SCRIPT LANGUAGE="Javascript1.2">
* 
* var no = 15; // nombre de flocons
* var speed = 5; // plus le nombre est petit, plus la vitesse augmente
* var snowflake = "snow.gif"; // image
* //////////////////////////////////////////////////////////////////////////////
* var ns4up = (document.layers) ? 1 : 0; // browser sniffer
* var ie4up = (document.all) ? 1 : 0;
* var dx, xp, yp; // coordinate and position variables
* var am, stx, sty; // amplitude and step variables
* var i, doc_width = 800, doc_height = 600;
* if (ns4up) {
* doc_width = self.innerWidth;
* doc_height = self.innerHeight;
* } else if (ie4up) {
* doc_width = document.body.clientWidth;
* doc_height = document.body.clientHeight;
* }
* dx = new Array();
* xp = new Array();
* yp = new Array();
* am = new Array();
* stx = new Array();
* sty = new Array();
* for (i = 0; i < no; ++ i) {
* dx[i] = 0; // set coordinate variables
* xp[i] = Math.random()*(doc_width-50); // set position variables
* yp[i] = Math.random()*doc_height;
* am[i] = Math.random()*20; // set amplitude variables
* stx[i] = 0.02 + Math.random()/10; // set step variables
* sty[i] = 0.7 + Math.random(); // set step variables
* if (ns4up) { // set layers
* if (i == 0) {
* document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
* document.write("top=\"15\" visibility=\"show\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></layer>");
* } else {
* document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
* document.write("top=\"15\" visibility=\"show\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></layer>");
* }
* } else if (ie4up) {
* if (i == 0) {
* document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
* document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
* document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></div>");
* } else {
* document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
* document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
* document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></div>");
* }
* }
* }
* function snowNS() { // Netscape main animation function
* for (i = 0; i < no; ++ i) { // iterate for every dot
* yp[i] += sty[i];
* if (yp[i] > doc_height-50) {
* xp[i] = Math.random()*(doc_width-am[i]-30);
* yp[i] = 0;
* stx[i] = 0.02 + Math.random()/10;
* sty[i] = 0.7 + Math.random();
* doc_width = self.innerWidth;
* doc_height = self.innerHeight;
* }
* dx[i] += stx[i];
* document.layers["dot"+i].top = yp[i];
* document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
* }
* setTimeout("snowNS()", speed);
* }
* function snowIE() { // IE main animation function
* for (i = 0; i < no; ++ i) { // iterate for every dot
* yp[i] += sty[i];
* if (yp[i] > doc_height-50) {
* xp[i] = Math.random()*(doc_width-am[i]-30);
* yp[i] = 0;
* stx[i] = 0.02 + Math.random()/10;
* sty[i] = 0.7 + Math.random();
* doc_width = document.body.clientWidth;
* doc_height = document.body.clientHeight;
* }
* dx[i] += stx[i];
* document.all["dot"+i].style.pixelTop = yp[i];
* document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
* }
* setTimeout("snowIE()", speed);
* }
* if (ns4up) {
* snowNS();
* } else if (ie4up) {
* snowIE();
* }
* // End -->
* </script>

voilà le code et ce que je comprend pas c'est qu'il faut le mettre "dans le body",j'ai essayé de plein de façon mais pas moyen....Voilà ma page d'acceuil en htlm si quelqu'un pouvait me le mettre au bonne endroit svp!

<html>
<head>
<title>#L.F.D.R#::Pour ceux qui portent des clochettes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="L.F.D.R">
<meta name="Keywords" content="lfdr,L.F.D.R,team,day of defeat,dod,source,les,fous,du,rois,les fous du rois">
</head>
<body>
<body background="/img_index/background.png">

<p align="center"><td height="27" valign="center"><a href="" target="_blank"><img src="" border="0" alt="Les Fous Du Roi" width="975" height="264"></a>
<p>
<p>
<p>
<p align="center"><td height="27" valign="center"><a href="" target="_self"><img src="" border="0" alt="Les Fous Du Roi" width="600" height="112"></a>
<p>
<p>
<p align="center"><td height="27" valign="center"><a href="" target="_self"><img src="" border="0" alt="Les Fous Du Roi" width="602" height="115"></a>
<p>
<p>
<p>

<p align="center"><td height="27" valign="center"><link href="" rel="shortcut icon" />

<p>
<p>

<p align="center"><img src=/firefox-optimized.png></a>

Merci !

A voir également:

Faire tomber des flocons de neige en fond de page html
Supprimer une page word - Guide
Consultez le code source de cette page. copiez la ligne qui indique aux moteurs de recherche de ne pas référencer la page. ✓ - Forum Référencement
Chaque fichier en ligne sur le web a un chemin d’accès sur un serveur. c’est le cas du fichier du logo présent sur la page de cette ville. quel est le chemin de ce fichier à partir de la racine du site ? - Forum Graphisme
Word numéro de page 1/2 - Guide
Fond de page word - Guide

5 réponses

Réponse 1 / 5

roicarlito Messages postés 13 Date d'inscription jeudi 14 août 2008 Statut Membre Dernière intervention 16 décembre 2008 2
16 déc. 2008 à 13:27

<html>
<head>
<title>#L.F.D.R#::Pour ceux qui portent des clochettes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="L.F.D.R">
<meta name="Keywords" content="lfdr,L.F.D.R,team,day of defeat,dod,source,les,fous,du,rois,les fous du rois">

* <SCRIPT LANGUAGE="Javascript1.2">
* 
* var no = 15; // nombre de flocons
* var speed = 5; // plus le nombre est petit, plus la vitesse augmente
* var snowflake = "snow.gif"; // image
* //////////////////////////////////////////////////////////////////////////////
* var ns4up = (document.layers) ? 1 : 0; // browser sniffer
* var ie4up = (document.all) ? 1 : 0;
* var dx, xp, yp; // coordinate and position variables
* var am, stx, sty; // amplitude and step variables
* var i, doc_width = 800, doc_height = 600;
* if (ns4up) {
* doc_width = self.innerWidth;
* doc_height = self.innerHeight;
* } else if (ie4up) {
* doc_width = document.body.clientWidth;
* doc_height = document.body.clientHeight;
* }
* dx = new Array();
* xp = new Array();
* yp = new Array();
* am = new Array();
* stx = new Array();
* sty = new Array();
* for (i = 0; i < no; ++ i) {
* dx[i] = 0; // set coordinate variables
* xp[i] = Math.random()*(doc_width-50); // set position variables
* yp[i] = Math.random()*doc_height;
* am[i] = Math.random()*20; // set amplitude variables
* stx[i] = 0.02 + Math.random()/10; // set step variables
* sty[i] = 0.7 + Math.random(); // set step variables
* if (ns4up) { // set layers
* if (i == 0) {
* document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
* document.write("top=\"15\" visibility=\"show\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></layer>");
* } else {
* document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
* document.write("top=\"15\" visibility=\"show\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></layer>");
* }
* } else if (ie4up) {
* if (i == 0) {
* document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
* document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
* document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></div>");
* } else {
* document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
* document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
* document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
* document.write(snowflake + "\" border=\"0\"></div>");
* }
* }
* }
* function snowNS() { // Netscape main animation function
* for (i = 0; i < no; ++ i) { // iterate for every dot
* yp[i] += sty[i];
* if (yp[i] > doc_height-50) {
* xp[i] = Math.random()*(doc_width-am[i]-30);
* yp[i] = 0;
* stx[i] = 0.02 + Math.random()/10;
* sty[i] = 0.7 + Math.random();
* doc_width = self.innerWidth;
* doc_height = self.innerHeight;
* }
* dx[i] += stx[i];
* document.layers["dot"+i].top = yp[i];
* document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
* }
* setTimeout("snowNS()", speed);
* }
* function snowIE() { // IE main animation function
* for (i = 0; i < no; ++ i) { // iterate for every dot
* yp[i] += sty[i];
* if (yp[i] > doc_height-50) {
* xp[i] = Math.random()*(doc_width-am[i]-30);
* yp[i] = 0;
* stx[i] = 0.02 + Math.random()/10;
* sty[i] = 0.7 + Math.random();
* doc_width = document.body.clientWidth;
* doc_height = document.body.clientHeight;
* }
* dx[i] += stx[i];
* document.all["dot"+i].style.pixelTop = yp[i];
* document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
* }
* setTimeout("snowIE()", speed);
* }
* if (ns4up) {
* snowNS();
* } else if (ie4up) {
* snowIE();
* }
* // End -->
* </script>
</head>
<body>
<body background="/img_index/background.png">

<p align="center"><td height="27" valign="center"><a href="" target="_blank"><img src="" border="0" alt="Les Fous Du Roi" width="975" height="264"></a>
<p>
<p>
<p>
<p align="center"><td height="27" valign="center"><a href="" target="_self"><img src="" border="0" alt="Les Fous Du Roi" width="600" height="112"></a>
<p>
<p>
<p align="center"><td height="27" valign="center"><a href="" target="_self"><img src="" border="0" alt="Les Fous Du Roi" width="602" height="115"></a>
<p>
<p>
<p>

<p align="center"><td height="27" valign="center"><link href="" rel="shortcut icon" />

<p>
<p>

<p align="center"><img src=/firefox-optimized.png></a>

Comme cela? apres je sais qu'il faut mettre l'image du flocon choisi dans le ftp avec la page d'acceuil....

Réponse 3 / 5

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
16 déc. 2008 à 13:13

ouh la la tu met des balise <p> pour sauter des ligne toi? utilise plutot <br/> !!!

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
16 déc. 2008 à 13:15

et les <td> sont pas sencé etre dans des tableau <table>???

Réponse 4 / 5

roicarlito Messages postés 13 Date d'inscription jeudi 14 août 2008 Statut Membre Dernière intervention 16 décembre 2008 2
16 déc. 2008 à 13:22

oui je met <p> par habitude mais si <br/> fait pareil pk pas ^^

je vais test de mettre juste avant </head>

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
16 déc. 2008 à 13:45

Bin la balise <p> est faite pour être fermée avec </p> si tu ne le fais pas certain navigateurs ne reconnaitrons pas ton code et afficherons n'importe quoi! fo faire attention à ça

Discussions similaires

Faire tomber de la neige sur ma page

Effet neige qui tombe sur mon site

Flocon de neige qui tombent mais pas jusqu'en bas. Pourquoi ?

Code HTML pour inserer une image de fond

image en arrière plan sur une page html

fond ecran fixe en html