It is currently Fri 30 Sep 2016 - 18:51 - 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, 329, 30, 3147, 48, 49  >

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





PostPosted: Sun 22 Feb 2009 - 19:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

Je ne connaissait pas, je vous remercie de votre aide, et bonne fin d'après midi.
Author Message
Nefertari
Membre


Offline
Membre

Joined: 16 Apr 2008
Posts: 5
Niveau:
Point(s): 5
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Poissons (20fev-20mar) 牛 Buffle

PostPosted: Mon 2 Mar 2009 - 15:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Un petit message pour vous remercier car grâce à vous pour l'hiver il tombait la neige sur mon forum et maintenant c'est une pluie d'étoiles. Merci, bizzzz Okay

Forum
Author Message
Christine59


Offline
Guest




PostPosted: Thu 23 Apr 2009 - 13:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,
Je viens de suivre le tuto n°2.
J'ai voulu mettre 2 images, mais il n'y en a qu'une.
Ma foi, c'est pas trop grave, mais pourquoi je n'en ai qu'une au lieu de deux?
Voici la modification que j'ai mis tout au debut dans overall_header
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 = 15;   //Nombre d'images
var timer = 100; //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://img7.xooimage.com/files/e/a/c/eac5ea48538e4725d...d5fee853a-dcc464.gif"; 
url_gif[1]= "http://img7.xooimage.com/files/a/4/9/a4911f6a65d19cb1a...a7becc24e-dcc4d7.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>


Merci.
C'est sur le forum test : http://humouretpassion.vraiforum.com/index.php?theme=test


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Thu 23 Apr 2009 - 14:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Mettez comme çà :


 
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 = 15;   //Nombre d'images
    var timer = 100; //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://img7.xooimage.com/files/e/a/c/eac5ea48538e4725d...d5fee853a-dcc464.gif";
    url_gif[1]="http://img7.xooimage.com/files/a/4/9/a4911f6a65d19cb1a...a7becc24e-dcc4d7.gif";

    
    nb_floc = 3; //  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> 
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Christine59


Offline
Guest




PostPosted: Thu 23 Apr 2009 - 14:25    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci yskander.
J'ai bien mes deux images. Je pensais 2 puisque 2 images, mais il fallait mettre 3 Embarassed
Par contre est-ce normal que lorsque je monte ou descend la barre de défilement les images montent ou descendent?
Mais ce n'est pas gênant Wink


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Thu 23 Apr 2009 - 14:26    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oui c'est lié au script Smile
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Christine59


Offline
Guest




PostPosted: Thu 23 Apr 2009 - 14:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci bien bonne journée.

Author Message
LOizo_coOL


Offline
Guest




PostPosted: Fri 8 May 2009 - 07:09    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour à toutes et a tous^^
Je suis désoler d'alourdir ce post d'une question supplémentaire mais je ne vois pas de balise  "Body"
 dans mon overall_header.tpl

ou alors juste : body {
      background-attachment: fixed;
      background-position: top CENTER;

et celle ci

<body   background="http://img.xooimage.com/files8/b/a/background-90944.jpg" background-position="center" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

mais rien au début ou a la fin de mon template Embarassed


Est ce que pour le thème "Aqua" pour l'installer donc le"Scripts version 3" , je dois me rendre ailleurs ?? En vous en remerciant beaucoup et vous souhaitant une agréable journée Wink


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: Fri 8 May 2009 - 09:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

et bien ceci et ta balise body

Code: Sélectionner - Agrandir
<body   background="http://img8.xooimage.com/files/b/a/background-90944.jpg" background-position="center" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">



tu mets le code juste après tout ça comme ça

Code: Sélectionner - Agrandir
<body   background="http://img8.xooimage.com/files/b/a/background-90944.jpg" background-position="center" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

le code

_______________________


Forum
Author Message
bobmorane


Offline
Guest




PostPosted: Wed 20 May 2009 - 16:35    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour a tous

j ai mis les codes mais les etoile reste en debut du forum mais il descente pas sur toute la page

merci pour votre petit cout de main

 http://guilde-legends.xooit.fr/index.php


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: Wed 20 May 2009 - 16:36    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

essayes de mettre le code dans index body aussi
_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Wed 20 May 2009 - 16:37    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Utilisez la version 3 proposée dans le tuto
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
bobmorane


Offline
Guest




PostPosted: Wed 20 May 2009 - 17:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

je les mis dans index body toujour pareil

pour utiliser la version 3 ok mais je ces pas ou le mettre exactement peur de faire des betises  Embarassed

merci


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: Wed 20 May 2009 - 17:19    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

mets le code à la fin de overall header

ou juste après

Code: Sélectionner - Agrandir
<body .........>

_______________________


Forum
Author Message
Minou64


Offline
Guest




PostPosted: Sun 5 Jul 2009 - 18:19    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour a tous.

Serais t - il possible que a la place d'image qui défile on pourrais mettre des lettres?


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Sun 5 Jul 2009 - 18:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Plus précisément les images tombent Smile
Pourquoi ne faites vous pas des images avec les lettres que vous voulez ?
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





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

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