It is currently Sun 25 Sep 2016 - 12:33 - 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, 312, 13, 1447, 48, 49  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sat 29 Nov 2008 - 22:10    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

oui mais en effet avec ie tu n'as pas la même qualité que ff donc tu n'auras pas le même effet de flocons
Forum
Author Message
{N`Zo}


Offline
Guest




PostPosted: Sat 29 Nov 2008 - 22:13    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ok merci quand même Wink

Author Message
micsylok
Membre


Offline
Membre

Joined: 13 Nov 2007
Posts: 44
Niveau:
Point(s): 44
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) 猴 Singe

PostPosted: Mon 1 Dec 2008 - 00:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonsoir,
je suis en train de faire ce tuto mais ca 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 = 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=http://www.servimg.com/image_preview.php?i=365&u=11236807][img]http://i73.servimg.com/u/f73/11/23/68/07/snow-510.gif[/img][/url]"; 
url_gif[1]= "[url=http://www.servimg.com/image_preview.php?i=365&u=11236807][img]http://i73.servimg.com/u/f73/11/23/68/07/snow-510.gif[/img][/url]";
 
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>  
<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline">
  <tr>
    <td class="Haut" colspan="5" height="30"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <tr>
    <td align="left" valign="top"><span class="gensmall">
    <!-- BEGIN switch_user_logged_in -->
    {LAST_VISIT_DATE}<br />
    <!-- END switch_user_logged_in -->
    {CURRENT_TIME}<br /></td>
    <td align="right" valign="top" 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>
  <tr>
        <td align="left"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
  </tr>
  <tr>
    <td class="Bas" colspan="5" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
</table><br />

<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline">
  <!-- BEGIN catrow -->
  <tr>
    <th colspan="2" class="thCornerL" height="30" nowrap="nowrap" align="left"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN forumrow -->
  <tr>
    <td class="row1" align="center" valign="top" 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%" height="50"><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="row1" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td class="row1" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td class="row1" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <tr>
    <td class="Bas" colspan="5" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <!-- END catrow -->
</table><br />

<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline">
  <tr>
    <th colspan="3" class="thCornerL" height="30" align="left"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span>&nbsp;</th>
  </tr>
  <tr>
    <td align="center" valign="middle" rowspan="2"><img src="http://img9.xooimage.com/files/7/1/f/animation3-89df41.gif" alt="{L_WHO_IS_ONLINE}" /></td>
    <td align="left" valign="top" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span></td>
    <td align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a><br />{S_TIMEZONE}</span></td>
   
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br>
    {L_ONLINE_EXPLAIN}</span></td>
  </tr>
  <tr>
    <td class="Bas" colspan="3" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
</table><br />

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline">
    <tr>
      <td class="Haut" height="30"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
    </tr>
    <tr>
      <td align="center" valign="middle" height="30"><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" />
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
        <input class="text" type="checkbox" name="autologin" />
        &nbsp;&nbsp;&nbsp; <br /> <br />
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
        </span> </td>
    </tr>
  <tr>
    <td class="Bas" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<clear="all" />

<table  cellpadding="5" cellspacing="0" border="0" class="forumline" align="center">
  <tr>
    <td class="Haut" colspan="8" height="30"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <tr>
    <td width="20" align="center"><img src="http://img5.xooimage.com/files/f/o/folder_new-34657.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://img10.xooimage.com/files/f/o/folder-34656.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://img2.xooimage.com/files/f/o/folder_lock-3465a.gif" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
  <tr>
    <td class="Bas" colspan="8" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
</table> 


 je ne vois pas mon erreur??
pouvez vous m'eclairer...

Merci
_______________________
un heureux événement en 2008 venez nous rejoindre


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: Mon 1 Dec 2008 - 00:28    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

 Bonjour

Mettez comme celà (à faire dans le thème de test pour éviter les erreurs). Vous aviez mis du bbcode là où il faut du html
Wink
Cordialement
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://i73.servimg.com/u/f73/11/23/68/07/snow-510.gif";
url_gif[1]= "http://i73.servimg.com/u/f73/11/23/68/07/snow-510.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>    
<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline"> 
  <tr> 
    <td class="Haut" colspan="5" height="30"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
  <tr>  
    <td align="left" valign="top"><span class="gensmall"> 
    <!-- BEGIN switch_user_logged_in --> 
    {LAST_VISIT_DATE}<br /> 
    <!-- END switch_user_logged_in --> 
    {CURRENT_TIME}<br /></td> 
    <td align="right" valign="top" 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> 
  <tr>  
        <td align="left"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td> 
  </tr> 
  <tr>  
    <td class="Bas" colspan="5" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
</table><br /> 
 
<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline"> 
  <!-- BEGIN catrow --> 
  <tr>  
    <th colspan="2" class="thCornerL" height="30" nowrap="nowrap" align="left"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></th> 
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th> 
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th> 
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th> 
  </tr> 
  <!-- BEGIN forumrow --> 
  <tr>  
    <td class="row1" align="center" valign="top" 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%" height="50"><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="row1" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td> 
    <td class="row1" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td> 
    <td class="row1" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td> 
  </tr> 
  <!-- END forumrow --> 
  <tr> 
    <td class="Bas" colspan="5" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
  <!-- END catrow --> 
</table><br /> 
 
<table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline"> 
  <tr>  
    <th colspan="3" class="thCornerL" height="30" align="left"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span>&nbsp;</th> 
  </tr> 
  <tr>  
    <td align="center" valign="middle" rowspan="2"><img src="http://img9.xooimage.com/files/7/1/f/animation3-89df41.gif" alt="{L_WHO_IS_ONLINE}" /></td> 
    <td align="left" valign="top" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span></td> 
    <td align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a><br />{S_TIMEZONE}</span></td> 
     
  </tr> 
  <tr>  
    <td colspan="2" align="left" valign="top"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br> 
    {L_ONLINE_EXPLAIN}</span></td> 
  </tr> 
  <tr> 
    <td class="Bas" colspan="3" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
</table><br /> 
 
<!-- BEGIN switch_user_logged_out --> 
<form method="post" action="{S_LOGIN_ACTION}"> 
  <table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline"> 
    <tr>  
      <td class="Haut" height="30"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td> 
    </tr> 
    <tr>  
      <td align="center" valign="middle" height="30"><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" /> 
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}  
        <input class="text" type="checkbox" name="autologin" /> 
        &nbsp;&nbsp;&nbsp; <br /> <br /> 
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /> 
        </span> </td> 
    </tr> 
  <tr> 
    <td class="Bas" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
  </table> 
</form> 
<!-- END switch_user_logged_out --> 
 
<clear="all" /> 
 
<table  cellpadding="5" cellspacing="0" border="0" class="forumline" align="center"> 
  <tr> 
    <td class="Haut" colspan="8" height="30"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
  <tr>  
    <td width="20" align="center"><img src="http://img5.xooimage.com/files/f/o/folder_new-34657.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://img10.xooimage.com/files/f/o/folder-34656.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://img2.xooimage.com/files/f/o/folder_lock-3465a.gif" alt="{L_FORUM_LOCKED}" /></td> 
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> 
  </tr> 
  <tr> 
    <td class="Bas" colspan="8" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td> 
  </tr> 
</table>   


_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
micsylok
Membre


Offline
Membre

Joined: 13 Nov 2007
Posts: 44
Niveau:
Point(s): 44
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) 猴 Singe

PostPosted: Mon 1 Dec 2008 - 00:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

moi je lis url alors bete et disciplinée je prend le code ou y a ecrit url  Vent
y a rien qui tombe http://test-des-themes.xooit.fr/index.php
_______________________
un heureux événement en 2008 venez nous rejoindre


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: Mon 1 Dec 2008 - 00:54    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Vous avez du mal copier le code donné, il faut tout remplacé par ce que je vous ai donné
regardez ici moi cela marche avec votre code : http://yskander3.xooit.fr/index.php?theme=test
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
micsylok
Membre


Offline
Membre

Joined: 13 Nov 2007
Posts: 44
Niveau:
Point(s): 44
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) 猴 Singe

PostPosted: Mon 1 Dec 2008 - 01:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

j'ai effacer et remis le code et maintenant il fonctionne merci beaucoup.

Et bonne nuit
_______________________
un heureux événement en 2008 venez nous rejoindre


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: Mon 1 Dec 2008 - 01:08    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Wink
de rien
Bonne nuit
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
dark legend
Membre


Offline
Membre

Joined: 21 Dec 2007
Posts: 25
Point(s): 25
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai)

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

bonjour j'ai un petit souci j'ai mondifier dans index body tpl et cela ne fonctionne pas
pouvez vous m'éclairer sur mon erreur

voici mon script :

<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://img.xooimage.com/files1/c/9/a/snow-5a72.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>');
 
 
// '+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>  
<table width="100%" cellpadding="3" cellspacing="1" border="0" background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="forumline2">
  <tr>
    <td class="catHead" colspan="2" height="28"><span class="cattitle">{L_WHO_IS_ONLINE}</span></td>
  </tr>
  <tr>
    <td class="row4" align="center" valign="middle" rowspan="2">
</td>
    <td class="row4" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}</span>
    </td>
  </tr>
  <tr>
    <td class="row4" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]
{RECORD_USERS}
{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_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="forumline2">
    <tr>
      <td class="catHead" height="28"><a name="login">[/url]<span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
    </tr>
    <tr>
      <td class="row4" 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" />
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
        <input class="text" type="checkbox" name="autologin" />
        &nbsp;&nbsp;&nbsp;
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
        </span> </td>
    </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<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}

    <!-- END switch_user_logged_in -->
    {CURRENT_TIME}
</span><span class="nav">{L_INDEX}</span></td>
    <td align="right" valign="bottom" class="gensmall">
        <!-- BEGIN switch_user_logged_in -->
        {L_SEARCH_NEW}
{L_SEARCH_SELF}

        <!-- END switch_user_logged_in -->
        {L_SEARCH_UNANSWERED}</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">{catrow.CAT_DESC}</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 background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="row4" align="center" valign="middle" height="50">
</td>
    <td background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="row4" width="100%" height="50"><span class="forumlink"> {catrow.forumrow.FORUM_NAME}

      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}

      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td background="http://img.xooimage.com/files8/f/o/fond2-349cb.gif" class="row4" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
 


</table>
<!-- END catrow -->


<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
    <td align="left"><span class="gensmall">{L_MARK_FORUMS_READ}</span></td>
    <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>



<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
    <td width="20" align="center">
</td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">
</td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">
</td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
_______________________
Mes forums

http://vampires.theforumcity.com/ forum thème vampire
http://grimoire-fantasy.leforum.eu/ forum thème littérature fantastique


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 2 Dec 2008 - 12:49    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

tu as juste mis le code

sinon quand tu mets le code dans index body mets le comme ça

Code: Sélectionner - Agrandir
<html>
<head>
<body>

ton code

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

_______________________


Forum
Author Message
dark legend
Membre


Offline
Membre

Joined: 21 Dec 2007
Posts: 25
Point(s): 25
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai)

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

oula je suis vraiment une quiche
j'ai rajouter les

<html>
<head>
<body>


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

devant et en fin du script neige rien ne change
_______________________
Mes forums

http://vampires.theforumcity.com/ forum thème vampire
http://grimoire-fantasy.leforum.eu/ forum thème littérature fantastique


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 2 Dec 2008 - 12:58    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

sur quel forum le fais tu

mets le lien à jour dans ton profil
_______________________


Forum
Author Message
dark legend
Membre


Offline
Membre

Joined: 21 Dec 2007
Posts: 25
Point(s): 25
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai)

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

sur celui ci

http://vampires.leforum.eu/index.php

mes excuses je viens de mettre à jour mon profil
_______________________
Mes forums

http://vampires.theforumcity.com/ forum thème vampire
http://grimoire-fantasy.leforum.eu/ forum thème littérature fantastique


Last edited by dark legend on Tue 2 Dec 2008 - 13:02; edited 1 time in total
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 2 Dec 2008 - 13:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

et si tu mets le code dans overall header plutot
_______________________


Forum
Author Message
dark legend
Membre


Offline
Membre

Joined: 21 Dec 2007
Posts: 25
Point(s): 25
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai)

PostPosted: Tue 2 Dec 2008 - 13:05    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

je viens d'essayer
rien de plus
désolé d'être si peu doué
_______________________
Mes forums

http://vampires.theforumcity.com/ forum thème vampire
http://grimoire-fantasy.leforum.eu/ forum thème littérature fantastique


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 2 Dec 2008 - 13:07    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

et tu as essayé avec l'autre code du tuto pour voir s'il passait
_______________________


Forum
Author Message
Contenu Sponsorisé





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

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