Pluie d'image sur plusieurs pages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Pluie d'image sur plusieurs pages
Bonjour,
Grâce au site astuforum, j'ai pu créer une pluie d'image d'une citrouille sur mon forum pour halloween. Le seul problème, c'est que ça ne tombe que sur la page d'accueil. J'aimerais savoir comment faire pour l'avoir partout sur le forum (sous-forums, topics...) ?
Voici le code que j'ai inséré : (Affichage<Page d'accueil<Généralités<Message sur la page d'accueil<Contenu du message)
Quand je met une pluie d'image, je la met dans Général<Forum<Configuration<Description du site
Dans ce cas, cela va sur tout le forum car c'est un petit code du style <script src="http://astuforum.free.fr/js/pluie-citrouille.js" /></script>
Seulement, il n'y a pas assez de place pour que j'y insère tout ce code...
Quelqu'un peut m'aider ?
Merci d'avance
Grâce au site astuforum, j'ai pu créer une pluie d'image d'une citrouille sur mon forum pour halloween. Le seul problème, c'est que ça ne tombe que sur la page d'accueil. J'aimerais savoir comment faire pour l'avoir partout sur le forum (sous-forums, topics...) ?
Voici le code que j'ai inséré : (Affichage<Page d'accueil<Généralités<Message sur la page d'accueil<Contenu du message)
- Code:
<SCRIPT LANGUAGE="JavaScript">
/******************************************
*SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr)
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
// Indiquer l'URL de l'image du flocon :
var urlflocon="http://www.citysmiley.com/smiley/halloween/citrouille/citrouille36.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 40;
// 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)
}
</SCRIPT>
Quand je met une pluie d'image, je la met dans Général<Forum<Configuration<Description du site
Dans ce cas, cela va sur tout le forum car c'est un petit code du style <script src="http://astuforum.free.fr/js/pluie-citrouille.js" /></script>
Seulement, il n'y a pas assez de place pour que j'y insère tout ce code...
Quelqu'un peut m'aider ?
Merci d'avance
Dernière édition par goldzab le Mer 26 Oct 2011 - 14:09, édité 1 fois
Re: Pluie d'image sur plusieurs pages
Bonjour,
En compilant le code et en l'installant dans Panneau d'admin' > Modules > Gestion des code javascript, vous pouvez le placer sur tout les pages.
J'ai placé ce code:
Cordialement.
En compilant le code et en l'installant dans Panneau d'admin' > Modules > Gestion des code javascript, vous pouvez le placer sur tout les pages.
J'ai placé ce code:
- Code:
/******************************************
*SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr)
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
var urlflocon="http://www.citysmiley.com/smiley/halloween/citrouille/citrouille36.gif",nombreflocons=40,cacherflocons=0,voirflocons="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function testIEcompatible(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=1024,doc_height=768;
if(ns6up)doc_width=self.innerWidth,doc_height=self.innerHeight;else if(ie4up)doc_width=testIEcompatible().clientWidth,doc_height=testIEcompatible().clientHeight;dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<nombreflocons;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=Math.random()*20,stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&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(){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)yp[i]+=sty[i],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(){window.snowtimer&&clearTimeout(snowtimer);for(i=0;i<nombreflocons;i++)document.getElementById("dot"+i).style.visibility="hidden"}if(ie4up||ns6up)neigeIE_NS6(),cacherflocons>0&&setTimeout("cacherneige()",cacherflocons*1E3);
Cordialement.
Invité- Invité
Re: Pluie d'image sur plusieurs pages
ça marche, merci beaucoup !!!!!
Sujets similaires
» Code petits Parachutiste militaires en pluie sur les pages de mon Forum
» Plusieurs pages coulissantes
» membres sur plusieurs pages
» plusieurs pages d'avatars
» Créer plusieurs pages de chat
» Plusieurs pages coulissantes
» membres sur plusieurs pages
» plusieurs pages d'avatars
» Créer plusieurs pages de chat
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum