It is currently Sat 1 Oct 2016 - 19:12 - 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, 333, 34, 3547, 48, 49  >

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


Joined: 02 Dec 2008
Posts: 17

PostPosted: Tue 20 Oct 2009 - 07:07    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

bonjour

je ne trouve pas de petites images de sorcières,et autres petites images pour faire tomber une pluie d'images pour la fete d'halloween

je me serai servi de ce script


<script language="JavaScript1.2"> 
 
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) 
//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://img.xooimage.com/files4/1/9/f/flocon_neige1-ac484.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://img.xooimage.com/files46/9/7/c/flocon_neige2-85007b.gif" 
Image2=new Image(); 
Image2.src=grphcs[2]="http://img.xooimage.com/files44/4/3/2/flocon_neige3-85009c.gif" 
Image3=new Image(); 
Image3.src=grphcs[3]="http://img.xooimage.com/files41/1/0/9/flocon_neige4-850151.gif" 
Image4=new Image(); 
Image4.src=grphcs[4]="http://img.xooimage.com/files45/d/c/c/flocon_neige5-85016c.gif" 
Image5=new Image(); 
Image5.src=grphcs[5]="http://img.xooimage.com/files46/f/1/4/flocon_neige6-850179.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('

'); 

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()',20); 

 
window.onload=fall 
//--> 
</script>
Forum
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: Tue 20 Oct 2009 - 09:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

il suffit d'en créer comme tu veux dans ce cas

tu peux demander sur un forum de graphisme

http://www.google.fr/search?q=forum de graphisme&ie=utf-8&oe=utf-8&…
_______________________


Forum
Author Message
aetm
Membre


Offline
Membre

Joined: 04 Apr 2006
Posts: 21
Niveau:
Point(s): 22
Moyenne: 1.05
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 29 Oct 2009 - 18:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,
J'ai essayé de mettre les tutos mais aucun ne fonctionne. La pluie d'images ne se fait pas. J'ai laissé dans le forum test. http://cheznous.fansforum.info/index.php?theme=test
Qui pourrait me dire mon erreur ? d'avance merci.

J'ai pris le code et l'ai mis dans index_body.tpl.


 
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
http://www.editeurjavascript.com
*/

  var snowsrc="http://img43.xooimage.com/files/d/6/3/3-14b0644.gif"
  var no = 20;
  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 = 800, doc_height = 600;

 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>

<!-- FIN DU SCRIPT -->

<head>
<meta http-equiv="Refresh" content="500" />
</head>

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="bottom"><span class="gensmall">
   <!-- BEGIN switch_user_logged_in -->
   {LAST_VISIT_DATE}<br />
   <!-- END switch_user_logged_in -->
   {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
   <td align="right" valign="bottom" class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<!-- BEGIN catrow -->

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
 
  <tr>
   <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
   <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
   
   
  <tr>
   <th colspan="2" class="thCornerL" height="25" nowrap="nowrap"> {L_FORUM} </th>
   <th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
   <th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
   <th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </th>
  </tr>
   
 
  <!-- BEGIN forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%" onMouseOver="this.style.backgroundColor='{T_TD_COLOR1}'; this.style.cursor='hand';" onMouseOut=this.style.backgroundColor="{T_TR_COLOR1}" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"> <span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
   <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
   <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
   <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
 
<br />
</table>
<!-- END catrow -->

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
    <td align="left">
    <!-- BEGIN switch_user_logged_in -->
       <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
    <!-- END switch_user_logged_in -->
    </td>
   <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>
  <tr>

   <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img8.xooimage.com/files/9/c/2/036_8181-6d359.gif" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
   </td>
  </tr>
  <tr>
   <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
   <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

<!-- BEGIN switch_birthdays -->
<br />

<table class="forumline" width="100%" cellspacing="1">
 <tr>
   <td class="catHead" colspan="2" height="28"><span class="cattitle"> Qui prend un an de plus aujourd'hui ?</span></td>
 </tr>
 <tr>
  <td width="140" class="row1"><img src="http://img88.imageshack.us/img88/403/cadeauxkd6.gif" alt="{L_BIRTHDAYS}" /></td>
  <td class="row1" width="100%" valign="top">
   <p class="gensmall">
    <b> Gâteau, champagne, mojito ... Bon anniversaire !!! :</b><blink> <b> {BIRTHDAY_USER_LIST}</b></blink>
<br>
<br>

<!-- IF SHOW_NEXT_BIRTHDAYS -->
     <br /><b>{L_NEXT_BIRTHDAYS}: {NEXT_BIRTHDAY_USER_LIST}</b>
    <!-- ENDIF -->
</p>
  </td>
 </tr>
</table>
<!-- END switch_birthdays -->

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
     <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
   </tr>
   <tr>
     <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
      <input class="post" type="text" name="username" size="10" />
      &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
      <input class="post" type="password" name="password" size="10" maxlength="32" />
      <!-- BEGIN switch_allow_autologin -->
      &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
      <input class="text" type="checkbox" name="autologin" />
      <!-- END switch_allow_autologin -->
      &nbsp;&nbsp;&nbsp;
      <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
      </span> </td>
   </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />


<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="20" align="center"><img src="http://img8.xooimage.com/files/3/6/8/automne_gif03_2773-1319578.gif" alt="{L_NEW_POSTS}"/></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="http://img6.xooimage.com/files/7/7/d/7ofs9hm91t_15127-13194c8.gif" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="http://img3.xooimage.com/files/a/4/5/champignon26-3010b7.gif" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>

_______________________
cheznous.fansforum.info


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: Thu 29 Oct 2009 - 19:04    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Le code que vous avez choisis est le premier. Celui ci se met dans l'overall heder.tpl et non l'index body.tpl.
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
aetm
Membre


Offline
Membre

Joined: 04 Apr 2006
Posts: 21
Niveau:
Point(s): 22
Moyenne: 1.05
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 29 Oct 2009 - 20:12    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci. Very Happy
_______________________
cheznous.fansforum.info


Forum
Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Thu 12 Nov 2009 - 11:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,

Pour ceux qui serait interessé par ce script (trouvé en page 3 de ce sujet, il me semble) et qui serait en possession d'un ftp, voici ce qu'il faut faire :

Allez télécharger via ce lien l'archive

http://www.schillmania.com/projects/snowstorm/

Pour plus de facilité et pour mieux s'y retrouvé, j'ai créé un dossier script à la racine de mon ftp où j'ai mis le fichier "snowstorm.js" ainsi que le dossier "snow" qui contient les images.

Après pour que le script sache ou se trouve le dossier "snow" il faut ouvrir le fichier "snowstorm.js" et changer le lien comme indiqué ci-dessous :
Code: Sélectionner - Agrandir
// PROPERTIES
  // ------------------

  var imagePath = 'http://nomdetonftpousite/ftp/script/image/snow/'; // relative path to snow images (including trailing slash)
 


Donc pour mettre ce script sur le forum, allez comme pour les autres tutos dans overall header et insérer ce code tout en haut de la page :
Code: Sélectionner - Agrandir

<html>
<head>     
<script type="text/javascript" src="http://nomdetonftpousite/ftp/script/snowstorm.js"></script>
</head>   
</html>


Ce script est pas mal fait car la neige reste un peu en bas de la page, elle ne disparaît pas tout de suite. De plus, la neige suis le mouvement de la souris.

Seul défaut, ce script peut faire ramer le forum.

Par contre je ne suis pas un pro des script et je ne l'ai testé que sur mon forum (bluegray) donc si un admin peut me confirmer que mon tuto fonctionne, sa serait bien.

Cordialement


Forum
Author Message
misery


Offline
Guest




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

Je ne comprend pas... ca ne fonctionne pas chez moi... ?
J'ai copié la deuxième version et mis le lien dans overall header et ca ne fonctionne pas.


Author Message
nougat45520
Membre


Offline
Membre

Joined: 02 Dec 2008
Posts: 17
Point(s): 17
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Poissons (20fev-20mar) 鼠 Rat

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

ce script fonctionne très bien chez moi

j'avais modifié les images pour l'occasion d'halloween...au lieu de la neige j'ai fait tomber des citrouilles,des images différentes de sorcières,la photo de mon adjointe et la mienne

en fait on peut faire tomber tout ce qu'on veut,en mettant des images différentes a chaque fois,images que l'on fait passer par l'hébergeur du forum....

si les images sont trop grosses,c'est un peu génant pour lire les sujets et pour écrire mais bon halloween ne dure pas si longtemps que cela

pour noel je ferai tomber un sapin,un père noel,une mère noel
_______________________
http://liberte-cherie.xooit.fr/


Forum
Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Fri 13 Nov 2009 - 01:26    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

misery wrote:

Je ne comprend pas... ca ne fonctionne pas chez moi... ?
J'ai copié la deuxième version et mis le lien dans overall header et ca ne fonctionne pas.

As-tu bien mis le code tout en haut de la page, Au-dessus de cette ligne ???
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Et as tu bien mis au début du code :
Code: Sélectionner - Agrandir
<html>
<body>
<head>

et à la fin
Code: Sélectionner - Agrandir
</head>
</body> 
</html>


Forum
Author Message
nougat45520
Membre


Offline
Membre

Joined: 02 Dec 2008
Posts: 17
Point(s): 17
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Poissons (20fev-20mar) 鼠 Rat

PostPosted: Fri 13 Nov 2009 - 01:38    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

moi j'ai ouvert overhall header.tpl

et tout en haut j'ai collé ceci :

<script language="JavaScript1.2">
    
    //Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
    //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://img.xooimage.com/files4/1/9/f/flocon_neige1-ac484.gif";
    Image1=new Image();
    Image1.src=grphcs[1]="http://img.xooimage.com/files46/9/7/c/flocon_neige2-85007b.gif"
    Image2=new Image();
    Image2.src=grphcs[2]="http://img.xooimage.com/files44/4/3/2/flocon_neige3-85009c.gif"
    Image3=new Image();
    Image3.src=grphcs[3]="http://img.xooimage.com/files41/1/0/9/flocon_neige4-850151.gif"
    Image4=new Image();
    Image4.src=grphcs[4]="http://img.xooimage.com/files45/d/c/c/flocon_neige5-85016c.gif"
    Image5=new Image();
    Image5.src=grphcs[5]="http://img.xooimage.com/files46/f/1/4/flocon_neige6-850179.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>
</LAYER>");
    }
    }
    else{
    document.write('

');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('
');
    }
    document.write('

');
    }
    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()',20);
    }
    
    window.onload=fall
    //-->
    </script>


ensuite j'ai mis pas mal d'espace pour que ce script ne soit pas collé aux  autres et afin de bien le trouver lorsque je désire retirer la neige ou ce que je fais tomber dans le forum
_______________________
http://liberte-cherie.xooit.fr/


Forum
Author Message
misery


Offline
Guest




PostPosted: Fri 13 Nov 2009 - 02:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

krylin wrote:

misery wrote:

Je ne comprend pas... ca ne fonctionne pas chez moi... ?
J'ai copié la deuxième version et mis le lien dans overall header et ca ne fonctionne pas.


As-tu bien mis le code tout en haut de la page, Au-dessus de cette ligne ???
Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Et as tu bien mis au début du code :
Code: Sélectionner - Agrandir

<html>
<body>
<head>

et à la fin
Code: Sélectionner - Agrandir

</head> 
</body>  
</html>


Euh... undecided Embarassed

J'ai simplement copié ça: (et copié l'url de l'image voulu)

<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]= "URL de l'image";  
url_gif[1]= "URL de l'image"; 
  
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)?yMad

 
 
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
misery


Offline
Guest




PostPosted: Fri 13 Nov 2009 - 02:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai réessayé j'y arrive vraiment pas Sad
quelqu'un pourrais me donner le code "exact" que je doit copier/coller dans overall header en m'expliquant aussi l'emplacement exact?

Je suis dsl, d'habitude j'arrive à m'y retrouver dans les codes comme ça.. mais là... undecided Mad Embarassed




Author Message
nougat45520
Membre


Offline
Membre

Joined: 02 Dec 2008
Posts: 17
Point(s): 17
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Poissons (20fev-20mar) 鼠 Rat

PostPosted: Fri 13 Nov 2009 - 08:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

ça n'est pas le lien qu'il faut copier mais le script dans son entier !!!!
_______________________
http://liberte-cherie.xooit.fr/


Forum
Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Fri 13 Nov 2009 - 09:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Alors quand tu es dans ton overall header, au dessus de la 1ère ligne
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
copie/colle :
Code: Sélectionner - Agrandir
   
<html>
<body>
<head>

<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]= "URL de l'image"; 
    url_gif[1]= "URL de l'image";
     
    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> 

</head>
</body>
</html>


N'oublie pas de changer :

Code: Sélectionner - Agrandir
 
url_gif[0]= "URL de l'image"; 
url_gif[1]= "URL de l'image";
     
    nb_floc = 2; // Nombre de d'images différentes


Si tu as 2 images comme ci-dessus, met nb_floc = 2, si tu as 3 images, nb_floc sera à 3,et ainsi de suite


Forum
Author Message
misery


Offline
Guest




PostPosted: Fri 13 Nov 2009 - 14:28    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

nougat45520 wrote:

ça n'est pas le lien qu'il faut copier mais le script dans son entier !!!!













Clik sur "Spoiler" dans le post juste au dessus.. j'ai bien copié le script, j'suis pas con a ce point MDR. Razz
Par contre j'doit louper un truc vu que sa fonctionne pas.



Sayééééééé Merci krylin !!!!!  Smile

Par contre sa rendais pas bien du tout.. niveau vitesse (même en changeant dans le script et sa donnait pas la même chose du tout sous FF et IE)
Donc j'ai mis ca http://marie-mai.xooit.fr/index.php
Là je trouve que les flocons tombent "bien"..
Avec l'autre ca tombais lentement et dès qu'on bouge la pages de haut en bas les flocons suivent.. j'ai du mal a expliquer, je sais pas si vous voyez ce que je veux dire..
Par exemple, des que je remontais en haut de la page, les flocons remontaient aussi...
Y'a pas un moyen que les flocons(ou autres images) continue de glisser vers le bas, même quand on remonte en haut de la page???

edit: J'ai mis des étoiles a la place des flocons, je les remettrait a noël.


Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Fri 13 Nov 2009 - 17:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Misery => je ne me souviens pas avoir eu ce problème... donc je ne pourrais pas te répondre ...

Question aux admins : est ce que sa vaut le coup de faire un tuto (dans la partie membre) concernant mon 1er post de cette page ?


Forum
Author Message
Contenu Sponsorisé





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

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