It is currently Sat 1 Oct 2016 - 09:01 - créer un forum

[Tuto] Une pluie d'image sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 323, 24, 2547, 48, 49  >

[Tuto] Une pluie d'image sur votre forum
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Thu 18 Dec 2008 - 11:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

mets le code tout au début du template
Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 11:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

je l'ai mi aussi tout au début du overal footer ça marche pas non plus
J'ai meme essayé au début et en fin de mon overal header, il y a peut étre un soucis dans le script ou il est pas compatible avec mon thème car il y a que le script n° 1 qui marche sur mon thème


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 11:35    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

themalin wrote:
mets ce code

Code: Sélectionner - Agrandir

 <script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
     
    if  ((document.getElementById) && 
    window.addEventListener || window.attachEvent){
     
    (function(){
     
    //Configure here.
     
    var num = 30;   //Nombre d'images
    var timer = 400; //Vitesse de descente
    var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
    //Adresse des gifs ci-dessous
    var url_gif = new Array();
     
    url_gif[0]= "http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif"; 
    url_gif[1]= "http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif";
     
    nb_floc = 2; // Nombre de d'images différentes
     
    //End.
     
    var y = [];
    var x = [];
    var fall = [];
    var theFlakes = [];
    var sfs = [];
    var step = [];
    var currStep = [];
    var h,w,r;
    var d = document;
    var pix = "px";
    var domWw = (typeof window.innerWidth == "number");
    var domSy = (typeof window.pageYOffset == "number");
    var idx = d.getElementsByTagName('div').length;
     
    if (d.documentElement.style && 
    typeof d.documentElement.style.MozOpacity == "string")
    num = 12;
     
    for (i = 0; i < num; i++){
    sfs[i] = 15; // Math.round(1 + Math.random() * 1);
     
    document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
     
     
    // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
     
    currStep[i] = 0;
    fall[i] = (sfs[i] == 1)?
    Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
    step[i] = (sfs[i] == 1)?
    0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
    }
     
     
    if (domWw) r = window;
    else{ 
      if (d.documentElement && 
      typeof d.documentElement.clientWidth == "number" && 
      d.documentElement.clientWidth != 0)
      r = d.documentElement;
     else{ 
      if (d.body && 
      typeof d.body.clientWidth == "number")
      r = d.body;
     }
    }
     
     
    function winsize(){
    var oh,sy,ow,sx,rh,rw;
    if (domWw){
      if (d.documentElement && d.defaultView && 
      typeof d.defaultView.scrollMaxY == "number"){
      oh = d.documentElement.offsetHeight;
      sy = d.defaultView.scrollMaxY;
      ow = d.documentElement.offsetWidth*0.80;
      sx = d.defaultView.scrollMaxX;
      rh = oh-sy;
      rw = ow-sx;
     }
     else{
      rh = r.innerHeight;
      rw = r.innerWidth*0.80;
     }
    h = rh - 2;   
    w = rw - 2; 
    }
    else{
    h = r.clientHeight - 2; 
    w = r.clientWidth*0.80; 
    }
    }
     
     
    function scrl(yx){
    var y,x;
    if (domSy){
     y = r.pageYOffset;
     x = r.pageXOffset;
     }
    else{
     y = r.scrollTop;
     x = r.scrollLeft;
     }
    return (yx == 0)?y:x;
    }
     
     
    function snow(){
    var dy,dx;
     
    for (i = 0; i < num; i++){
     dy = fall[i];
     dx = fall[i] * Math.cos(currStep[i]);
     
     y[i]+=dy;
     x[i]+=dx; 
     
     if (x[i] >= w || y[i] >= h){
      y[i] = -10;
      x[i] = Math.round(Math.random() * w);
      fall[i] = (sfs[i] == 1)?
      Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
      step[i] = (sfs[i] == 1)?
      0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
     }
     
     theFlakes[i].top = y[i] + scrl(0) + pix;
     theFlakes[i].left = x[i] + scrl(1) + pix;
     
     currStep[i]+=step[i];
    }
    setTimeout(snow,timer);
    }
     
     
    function init(){
    winsize();
    for (i = 0; i < num; i++){
     theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
     y[i] = Math.round(Math.random()*h);
     x[i] = Math.round(Math.random()*w);
    }
    snow();
    }
     
     
    if (window.addEventListener){
     window.addEventListener("resize",winsize,false);
     window.addEventListener("load",init,false);
    }   
    else if (window.attachEvent){
     window.attachEvent("onresize",winsize);
     window.attachEvent("onload",init);
    } 
     
    })();
    }//End.</script> 

_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 11:57    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

ça marche Very Happy

Parcontre j'ai pas trouvé cet info :
Code: Sélectionner - Agrandir
var i, doc_width = 1200, doc_height = 1000;   


Dans se script ça prend automatiquement la taille de la page ou je dois entrer quelque part le width et le height ?

Aussi pour régler la vitesse de la neige qui tombe ça marche pas, car j'ai changé plusieurs fois le chiffre ici :
Code: Sélectionner - Agrandir
var timer = 1500; //Vitesse de descente

mais la vitesse ne change pas. Il y a un maximum pour la vitesse ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 11:59    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

oui ça tombe sur toutes la page

pour la vitesse fais ctrl +f5 et regardes
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 12:12    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

C'est pareil, regarde :

http://sosjulianinho.xooit.com/index.php

Pourtant il y a pas beaucoup de neige qui tombe, et en plus c'est des petits flocons, je vois pas pourquoi ça rame, c'est pas dut à ma barre de navigation mon horloge et à la dédikass qui sont en flash ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 12:14    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

le prob de la vitesse peut venir du fait que tu as beaucoup de script et de code en tout genre sur le forum

plus tu en mets plus ça ralentit
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 12:46    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai trop d'animation flash c'est ça ?
Mais je vois pas se que je pourrais retirer, j'ai même compressé le css avec le tuto de yskander.
Avant que je le fasse j'avais 3 css maintenant après la compression j'en ai 2


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 12:48    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

non

tu as trop de code tout simplement
flash et autre
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 12:52    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Donc faudrait que je retire par exemple le cadre des création de graphisme, ou l'horloge .. Tu penses que c'est eux les plus gourmands ?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 12:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

oui mais c'est à toi de voir ce que tu préfères retirer
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 13:06    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ok, merci, je vais voir tout ça Wink

Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 15:11    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Re, juste pour vous dire que le ralentissement des flocons de neige n'est pas du à mon forum mais au script car je viens d'essayer avec le script n°1 et la neige descend plus vite qu'avec le script n° 2 ou 3,
Par contre le seul soucis avec le script n°1 c'est que la neige s'arrète en haut au niveau de mon header, elle descend pas plus bas,

j'ai meme essayé de mettre le script dans le overal footer mais la neige descend pas plus bas:

Code: Sélectionner - Agrandir
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html)
 
EDITE SUR L'EDITEUR JAVASCRIPT
*/
 
  var snowsrc="http://img26.xooimage.com/files/c/b/8/sans-titre-1-91f467.png"
  var no = 80;
  var ns4up = (document.layers) ? 1 : 0;
  var ie4up = (document.all) ? 1 : 0;
  var nn6up = (document.getElementById) ? 1 : 0;
  var dx, xp, yp;
  var am, stx, sty;
  var i, doc_width = 1200, doc_height = 1400;
 
 if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
} else if (nn6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
}
 
  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;
    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();
    if (ns4up) {
      if (i == 0) {
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      } else {
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      }
    } else if (ie4up || nn6up) {
 if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      } else {
 document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      }
    }
  }
 
  function snowNS() {
    for (i = 0; i < no; ++ i) {
      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()", 10);
  }
 
  function snowIE() {
    for (i = 0; i < no; ++ i) {
      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()", 10);
  }
 
function snowNN6() {
    for (i = 0; i < no; ++ i) {
      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.getElementById("dot"+i).style.top = yp[i];
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNN6()", 10);
  }
  if (ns4up) {
    snowNS();
  } else if (ie4up) {
 snowIE();
  } else if (nn6up) {
 snowNN6();
  }
 
</SCRIPT> 


Author Message
Belle_ombre


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 00:37    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

http://la-force-de-lombre.xooit.fr/index.php

j'ai tenté de mettre des flocons de neige et voilà ce que ça me fait...

quelqu'un peux me dire pourquoi?
et se que je dois faire?


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 20 Dec 2008 - 00:50    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Dans votre overall header, supprimez votre script sur la neige et remplacez le par çà :


Code: Sélectionner - Agrandir
<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 30; //Nombre d'images
var timer = 400; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();
url_gif[0]= "http://pmsc.free.fr/I/081123171920.gif";
url_gif[1]= "http://pmsc.free.fr/I/081123171920.gif";
nb_floc = 2; // Nombre de d'images différentes
//End.
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth*0.80;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth*0.80;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth*0.80;
}
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function snow(){
var dy,dx;
for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy;
x[i]+=dx;
if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}
})();
}//End.</script>


Mais ne le mettez pas au début. Placez le juste avant la balise
Code: Sélectionner - Agrandir
</head>

exemple : http://yskander17.xooit.fr/index.php
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Belle_ombre


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 00:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci beaucoup ça marche  Very Happy

Author Message
Contenu Sponsorisé





PostPosted: Today at 09:01    Post subject: [Tuto] Une pluie d'image sur votre forum

Display posts from previous:   
Reply to topic Page 24 of 49 Goto page: <  1, 2, 323, 24, 2547, 48, 49  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401