Avoir une pluie d'images sur son forum

[Zen]

Tutoriel réalisé par Toto456:

Une pluie d'image sur votre forum :

1. Ouvrez votre bloc note (ou logiciel équivalent)

Copiez et collez-y ce script :

Code:

// Indiquer l'URL de l'image du flocon :
var urlflocon="ADRESSE DE L'IMAGE"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";

/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}

function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("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();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}

function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}

Avant d'enregistrer ce fichier :
remplacer "ADRESSE DE L'IMAGE" par l'adresse de l'image (http://image.servimg.com/id.gif)
var nombreflocons = 10; par le nombre de flocons souhaités
var cacherflocons = 0; par le nombre de secondes après combien la pluie d'image s'arrête.
var voirflocons = "pageheight"; Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)

2. Une fois que ces modifications sont faites, enregistrez ce fichier au format .JS

Soit vous l'enregistrez directement au format .JS
Soit vous l'enregistrez au format .TXT et le vous le renommez au format .JS
Attention à ne pas enregistrer le fichier au format .JS.TXT

3. Ensuite, rendez-vous sur ce site pour héberger votre fichier :
http://pmsc.free.fr/J/upload.php

4. Une fois hébergé, récupérez l'URL de votre fichier.

5. Dans ce script :

Code:

<script src="http://URL DE VOTRE FICHIER.js"></script>

Remplacez http://URL DE VOTRE FICHIER.js par l'adresse de votre fichier, obtenu sur l'hébergeur.

6. L'étape finale est de placer ce script dans votre panneau d'administration.

Deux solutions :
- pour une pluie d'image sur l'index uniquement de votre forum, insérez ce script sur la page d'accueil.
Panneau d'administration
Affichage
Page d'accueil - Généralités
Si l'éditeur HTML est activé, cliquez sur
Insérez votre script.

(Conseil : insérez le script, soit tout en haut, soit tout en bas de votre page d'accueil, afin de le retrouver rapidement quand vous voudrez le retirer )

- deuxième solution, pour une pluie d'image sur la totalité de votre forum (sujets, forums, profils...), insérez ce script dans la description de votre forum :
Panneau d'administration
Général
Forum - Configuration
Description du site

Et voilà, si vous avez bien bossé, la pluie d'image est apparue sur votre forum