Insérer un code HTML sur toutes les pages

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Insérer un code HTML sur toutes les pages

Message par kitelnewbba le Dim 8 Déc 2013 - 9:24

Bien le bonjour à vous!
Aujourd'hui j'expose une question si c'est possible d'insérer une HTML sur toutes les pages! (je suis le fondateur du forum -> si nécéssaire)
Ce code HTML :
Code:
<script type="text/javascript">
//<![CDATA[

var image="http://image.noelshack.com/fichiers/2013/49/1386490348-neige.png";  // Indiquez l'adresse URL de l'image à faire pleuvoir
var no = 8; // Nombre d'images à faire pleuvoir
var time = 0; // Configurez le nombre de secondes au bout duquel la pluie cesse (0=la pluie ne s'arrête jamais)
var speed = 30; // Réglez la vitesse à laquelle pleuvent les images
var i, dwidth = 900, dheight =500;
var nht = dheight;
var toppos = 0;

if(document.all){
        var ie4up = 1;
}else{
        var ie4up = 0;
}

if(document.getElementById && !document.all){
        var ns6up = 1;
}else{
        var ns6up = 0;
}

function getScrollXY() {
  var scrOfX = 10, scrOfY = 10;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY =window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement &&
      ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
   scrOfY = document.documentElement.scrollTop;
   scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

var timer;

function ranrot()
{

var a = getScrollXY()
if(timer)
{
        clearTimeout(timer);
}
toppos = a[1];
dheight = nht+a[1];
//alert(dheight);

timer = setTimeout('ranrot()',2000);
}
        
ranrot();
        
function iecompattest()
{
        if(document.compatMode && document.compatMode!="BackCompat")
        {
                return document.documentElement;
        }else{
                return document.body;
        }
        
}
if (ns6up) {
        dwidth = window.innerWidth;
        dheight = window.innerHeight;
}
else if (ie4up) {
        dwidth = iecompattest().clientWidth;
        dheight = iecompattest().clientHeight;
}

nht = dheight;

var cv = new Array();
var px = new Array();       //position variables
var py = new Array();      //position variables
var am = new Array();     //amplitude variables
var sx = new Array();    //step variables
var sy = new Array();   //step variables

for (i = 0; i < no; ++ i) {  
        cv[i] = 0;
        px[i] = Math.random()*(dwidth-100);  // set position variables
        py[i] = Math.random()*dheight;     // set position variables
        am[i] = Math.random()*20;         // set amplitude variables
        sx[i] = 0.02 + Math.random()/10;  // set step variables
        sy[i] = 0.7 + Math.random();    // set step variables
        document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-index "+ i +"; visibility: visible; top: 15px; left: 15px;\"><img src='"+image+"' border=\"0\"><\/div>");
}

function animation() {  // animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                py[i] += sy[i];
                if (py[i] > dheight-50) {
                        px[i] = Math.random()*(dwidth-am[i]-100);
                        py[i] = toppos;
                        sx[i] = 0.02 + Math.random()/10;
                        sy[i] = 0.7 + Math.random();
                }
                cv[i] += sx[i];
                document.getElementById("dot"+i).style.top=py[i]+"px";
                document.getElementById("dot"+i).style.left=px[i] + am[i]*Math.sin(cv[i])+"px";  
        }
        atime=setTimeout("animation()", speed);

}

function hideimage(){
        if (window.atime) clearTimeout(atime)
                for (i=0; i<no; i++)
                       document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
animation();
if (time>0)
        setTimeout("hideimage()", time*1000)
}
animation();

//]]>
</script>
Il s'agit d'une pluie d'image en HTML, déjà toute faite, et j'aimerais qu'elle apparaisse sur l'intégralité de mes pages du forum!

Merci d'avance!
- Cordialement, Kitel.


Dernière édition par kitelnewbba le Sam 14 Déc 2013 - 17:17, édité 1 fois

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par kitelnewbba le Sam 14 Déc 2013 - 8:16

UP ! Smile

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par Adam_sfp le Sam 14 Déc 2013 - 8:40

Bonjour

Essayez en le plaçant dans gestion des codes javascript sur toutes les pages.
Code:
var image = "http://image.noelshack.com/fichiers/2013/49/1386490348-neige.png"; var no = 8; var time = 0; var speed = 30; var i, dwidth = 900, dheight = 500; var nht = dheight; var toppos = 0; if (document.all) { var ie4up = 1 } else { var ie4up = 0 } if (document.getElementById && !document.all) { var ns6up = 1 } else { var ns6up = 0 } function getScrollXY() { var scrOfX = 10, scrOfY = 10; if (typeof window.pageYOffset == "number") { scrOfY = window.pageYOffset; scrOfX = window.pageXOffset; } else { if (document.body && (document.body.scrollLeft || document.body.scrollTop)) { scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft; } else { if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) { scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft; } } } return[scrOfX, scrOfY]; } var timer; function ranrot() { var a = getScrollXY(); if (timer) { clearTimeout(timer); } toppos = a[1]; dheight = nht + a[1]; timer = setTimeout("ranrot()", 2E3); } ranrot(); function iecompattest() { if (document.compatMode && document.compatMode != "BackCompat") { return document.documentElement; } else { return document.body; } } if (ns6up) { dwidth = window.innerWidth; dheight = window.innerHeight; } else { if (ie4up) { dwidth = iecompattest().clientWidth; dheight = iecompattest().clientHeight; } } nht = dheight; var cv = new Array; var px = new Array; var py = new Array; var am = new Array; var sx = new Array; var sy = new Array; for (i = 0;i < no;++i) { cv[i] = 0; px[i] = Math.random() * (dwidth - 100); py[i] = Math.random() * dheight; am[i] = Math.random() * 20; sx[i] = 0.02 + Math.random() / 10; sy[i] = 0.7 + Math.random(); document.write('<div id="dot' + i + '" style="position: absolute; z-index ' + i + "; visibility: visible; top: 15px; left: 15px;\"><img src='" + image + '\' border="0"></div>'); } function animation() { for (i = 0;i < no;++i) { py[i] += sy[i]; if (py[i] > dheight - 50) { px[i] = Math.random() * (dwidth - am[i] - 100); py[i] = toppos; sx[i] = 0.02 + Math.random() / 10; sy[i] = 0.7 + Math.random(); } cv[i] += sx[i]; document.getElementById("dot" + i).style.top = py[i] + "px"; document.getElementById("dot" + i).style.left = px[i] + am[i] * Math.sin(cv[i]) + "px"; } atime = setTimeout("animation()", speed); } function hideimage() { if (window.atime) { clearTimeout(atime); } for (i = 0;i < no;i++) { document.getElementById("dot" + i).style.visibility = "hidden"; } } if (ie4up || ns6up) { animation(); if (time > 0) { setTimeout("hideimage()", time * 1E3); } } animation();

cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par kitelnewbba le Sam 14 Déc 2013 - 17:16

Comment vous dire... merci !!
ça marche à merveille !!
j'édite en résolu ! Smile

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum