It is currently Wed 28 Sep 2016 - 12:14 - 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, 339, 40, 4147, 48, 49  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sat 19 Dec 2009 - 13:20    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

tu n'as pas compris
tu as mis le code tout en haut du forum il ne faut pas
il faut chercher la balise que je t'ai montré dans overall header et coller le code après
tu ne dois pas ajouter la balise comme ça en haut
tu dois donc supprimer tout ce que tu as ajouter ensuite chercher la balise que je t'indique qui se trouve vers le milieu du template et coller le code après
Forum
Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 13:23    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ah ok ^^
Je fais ça de suite


Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 13:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Voila les seule script que j'ai et pas les bon :

il y a celui la ou il n'y a rien après :
 
Code: Sélectionner - Agrandir
 <script language="Javascript" type="text/javascript"> 


et ceux la
 
Code: Sélectionner - Agrandir


<script type="text/javascript"
    src="http://img6.xooimage.com/files/n/b/nb2-a8a50.js"></script>

<script type="text/javascript"
    src="http://img6.xooimage.com/files/p/r/prototype-a8991.js"></script>
    
<script type="text/javascript"
    src="http://img.xooimage.com/files/"></script>
    
<script type="text/javascript"
    src="http://img2.xooimage.com/files/l/i/lightbox-a8a51.js"></script> 




Author Message
Arspark


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 13:38    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,

J'ai un soucis avec la version 2, les flocons lag quand ils tombent, malgré une vitesse réglée à 1000... comment puis je faire ? mon forum est-il trop lourd, comment puis je l allégé ? j' ai déjà réduit le poids de l'image de fond...


Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 13:40    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Quand je vais sur ton forum je ne les vois pas laguer à part à un moment mais c'est très légé


Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 14:08    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai essayé avec la version2, sa ne marche pas non plus.




Author Message
Arspark


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 14:11    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

La version 2 exposée de le tuto ne fonctionne pas chez moi non plus...il faut prendre celle de Lila en page deux, mais ça lag et les modifs de vitesse et de nombre d'image ne fonctionne pas !

Author Message
jean-pierre83


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 14:28    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour,

cela ne fonctionne pas non plus chez moi j' y suis depuis 9h0 ce matin et la balise body??? ma elle est ou body??
lien forum:  http://passion-campingcar.xooit.com
merci pour l' aide


Author Message
Arspark


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 16:54    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bienvenue au club ^^ je n ai pas avancer depuis tt a l'heure sauf au niveau du nombre d'image, j ai bidouiller en mettant plusieurs image mais toujours la même... plus qu'a trouver une magouille pour la vitesse de descente maintenant  Sad

Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 18:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Toi tu as reussi ^^
Peut tu nous faire un copier coller de ce que tu a ajouté ?


Author Message
marseille13


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 18:57    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

salut
voici un exemple de script que j ai mis sur deux forums
leur chute est reguliere les images saccadent pas...

a placer avant dans overall header tpl tout en haut avant:
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


ex: lien 1,lien 2


images: prend des gifs leger ou fais les

Code: Sélectionner - Agrandir
<script language="JavaScript1.2">

//Autumn leaves- by Kurt Grigg ([url=mailto:kurt.grigg@virgin.net]kurt.grigg@virgin.net[/url])
//Adapté et modifié par grenadine.net
//Visiter le site original http://www.dynamicdrive.com pour le script Automn leaves
//Série d'images
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://img19.imageshack.us/img19/5388/bug13.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img19.imageshack.us/img19/5388/bug13.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.gifs.cc/bug_9.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.gifs.cc/bug_9.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://img194.imageshack.us/img194/1586/htermite3.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://img188.imageshack.us/img188/8532/p14761.gif"
Image6=new Image();
Image6.src=grphcs[0]="http://img19.imageshack.us/img19/5388/bug13.gif";
Image7=new Image();
Image7.src=grphcs[1]="http://img188.imageshack.us/img188/8532/p14761.gif"
Image8=new Image();
Image8.src=grphcs[2]="http://img194.imageshack.us/img194/1586/htermite3.gif"
Image9=new Image();
Image9.src=grphcs[3]="http://img19.imageshack.us/img19/5388/bug13.gif"
Image10=new Image();
Image10.src=grphcs[4]="http://img188.imageshack.us/img188/8532/p14761.gif"
Image11=new Image();
Image11.src=grphcs[5]="http://img194.imageshack.us/img194/1586/htermite3.gif" 
Image12=new Image();
Image12.src=grphcs[2]="http://img19.imageshack.us/img19/5388/bug13.gif"
Image13=new Image();
Image13.src=grphcs[3]="http://www.gifs.cc/bug_9.gif"
Image14=new Image();
Image14.src=grphcs[4]="http://img19.imageshack.us/img19/5388/bug13.gif"
Image15=new Image();
Image15.src=grphcs[5]="http://www.gifs.cc/bug_9.gif"
Image16=new Image();
Image16.src=grphcs[2]="http://img194.imageshack.us/img194/1586/htermite3.gif"
Image17=new Image();
Image17.src=grphcs[3]="http://www.gifs.cc/bug_9.gif"
Image18=new Image();
Image18.src=grphcs[4]="http://img194.imageshack.us/img194/1586/htermite3.gif"
Image19=new Image();
Image19.src=grphcs[5]="http://www.gifs.cc/bug_9.gif"
Amount=12; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*5+3;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;

Cstep[i]+=Step[i];
}
setTimeout('fall()',30);
}
 
window.onload=fall
//-->
</script> 


Author Message
flambiii


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 21:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,
Pour moi sa ne marche pas.
Help


Author Message
jean-pierre83


Offline
Guest




PostPosted: Sat 19 Dec 2009 - 21:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonsoir,

chez moi ça ne fonctionne pas j' arrete là mes investigations je reviendrais vers les 2032 si je suis encore frais lol!!!
merci a tous et passez de bonnes fêtes de noel et fin d' années
http://passion-campingcar.xooit.com


Author Message
flambiii


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 12:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Quelqu'un peut nous aider?

Voila, j'ai mis exactement ceci au debut de Overall Footer,  (version 2 )
Pourquoi ça ne marche pas?

 
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 = 50;   //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/081123173111.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> 

 


Author Message
jean-pierre83


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 14:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour flambili,

j' ai laissé tombé!! personne ne te repond franchement pourquoi cela ne fonctionne pas ou  alors tu poste dans la mauvaise case  mais la reponse je ne l' ai pas  donc je suis passé a autre chose pour noel j' ai mis des gifs &animés!! pas mal non plus tu sais
cordialement


Author Message
flambiii


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 15:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Je vois cela^^
Moi j'ai changé la bannière et j'ai rajouté une musique de noël sur mon fofo
Mais j'aime bien l'idée des flocon =(


Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 40 of 49 Goto page: <  1, 2, 339, 40, 4147, 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