Zadig► Gardienne du Paradis ◄
Nombre de messages : 2281 Age : 27 Ta Localisation : Toulouse city Ce que tu fais dans la vie : j'écoute les white stripes, two door cinema club, hole, cage the elephant, all time low, the teenagers, the pretty reckless, the wombats, guerilla poubelle, trust, the afters, may has a gun, the kooks, the temper trap, the decemberists, the script, scissor sisters, boxon.. les bons petits groupes quoi! Comment ça va ? : Envie de tout plaquer pour refaire ma vie avec un pingouin
| Sujet: Faire tomber des images, flashs, flocons sur votre forum. 08.12.10 0:03 | |
|
Des flocons? Des flashs lumineux? Tu peux maintenant faire tomber tout ce que tu veux avec ce tuto ! ~BY Toto456 // Forumactif.com
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/J02/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 Wink )
- 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à !
Faire |
|
Epic.► Gardienne du Paradis ◄
Nombre de messages : 8178 Age : 30 Ta Localisation : Paris :D Ce que tu fais dans la vie : Lycéenne, rugby, graphisme, ciné, sorties entre copines ... Comment ça va ? : Bien=)
| Sujet: Re: Faire tomber des images, flashs, flocons sur votre forum. 08.12.10 12:57 | |
| |
|