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

[Tuto] Une pluie d'image sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 316, 17, 1847, 48, 49  >

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





PostPosted: Sun 7 Dec 2008 - 12:18    Post subject: probleme avec pluie d'image dans Internet exploreur Reply with quote

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

bonjour à toutes et à tous

Adresse de mon forum : http://lemondedegepetto.xooit.fr/portal.php 
Thème graphique du forum :generock  
Votre poste : Admin fondateur ) 
Votre navigateur (Modèle et version) : google chrome 
Mon problème concerne :les utilisateurs d'Internet exploreur  
Êtes-vous le seul concerné par ce problème : Non  
Depuis quand dure le bug/problème constaté ? : hier 
Images/Screens relatifs au problème :  
Description détaillée du problème : j'ai installé la pluie d'image hier ''la version 3'' et tout les utilisateurs d'internet exploreur voient les codes html et non la neige qui tombe ,pas de probleme avec les autres navigateurs c'est à dire firefox et google chrome .Pouvez vous me dire comment rectifer ce bug sur exploreur

Merci d'avance pour l'aide que vous saurez m'apporter  
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 7 Dec 2008 - 12:23    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Mettez le code après la balise body, après celà donc

Code: Sélectionner - Agrandir


<body bgcolor="#868685" text="#F6F108" link="#F608ED" vlink="#0AF905" topmargin="0" bottommargin="0" leftmargin="8" rightmargin="8">



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


Forum
Author Message
gepetto57


Offline
Guest




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

 super  Merci ça marche ,l'equipe est vraiment trop forte et qu'elle rapidité de reponse  Okay
et un grand merci à toi Yskander !!!


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 7 Dec 2008 - 16:03    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Petite contribution avec cette petite étoile
(3 tailles pour quand on met le code avec plusieurs images).


URL :
Code: Sélectionner - Agrandir
http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif


URL :
Code: Sélectionner - Agrandir
http://img42.xooimage.com/files/3/f/8/neige-8ce273.gif



URL :
Code: Sélectionner - Agrandir
http://img40.xooimage.com/files/9/d/d/neige3-8ce2d0.gif

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


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

Une super contribution Smile
Je les rajoute au tuto elles sont superbes
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
asterix12
Membre


Offline
Membre

Joined: 13 Mar 2006
Posts: 48
Niveau:
Point(s): 47
Moyenne: 0.98
Masculin

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

Bonsoir

je viens d'utiliser un des cripts

et j'ai que le haut de la page j'ai pas sur tout le forum

j'ai essayer les autres et cela ne fonctionne pas sur le theme de ce forum
j'ai d'autre forum avec d'autres theme et cela fonctionne

pour ce forum non
voir ici




Code: Sélectionner - Agrandir
<html> 
<body> 
<head> 
<!-- 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 
[url=http://www.editeurjavascript.com/]http://www.editeurjavascript.com[/url] 
*/ 
 
  var snowsrc="http://img9.xooimage.com/files/f/0/4/puce0pa-57b76.gif" 
  var no = 50; 
  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> 
</head> 
</body> 
</html> 
<!-- FIN DU SCRIPT -->


Merci de votre aide


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

Bonjour
Quel est le nom du thème de votre forum ? Smile
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
asterix12
Membre


Offline
Membre

Joined: 13 Mar 2006
Posts: 48
Niveau:
Point(s): 47
Moyenne: 0.98
Masculin

PostPosted: Wed 10 Dec 2008 - 03:27    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonsoir
le theme installer sur ce forum est

Andromeda Boards

Merci de votre réponse


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

Bonjour, comme vous pouvez le voir sur le forum de test 18 http://yskander18.xooit.fr/index.php le troisième script marche correctement
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
asterix12
Membre


Offline
Membre

Joined: 13 Mar 2006
Posts: 48
Niveau:
Point(s): 47
Moyenne: 0.98
Masculin

PostPosted: Wed 10 Dec 2008 - 08:42    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour

le 3éme script qui est celui ci ?


Code: Sélectionner - Agrandir
 <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://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif" 
Image2=new Image(); 
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif" 
Image3=new Image(); 
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif" 
Image4=new Image(); 
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif" 
Image5=new Image(); 
Image5.src=grphcs[5]="http://img46.xooimage.com/files/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('</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()',20); 

 
window.onload=fall 
//--> 
</script>   


il est dis de le mettre apres les balises body

voila ce que j'ai comme script d'origine
alors je le met ou ?

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} - {PAGE_TITLE}</title>

<link rel="stylesheet" href="http://img2.xooimage.com/files/a/n/andro-3116b.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="750" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td><a href="{U_INDEX}"><img src="http://img41.xooimage.com/files/e/d/5/f-tes-noel-gifs.gif3-7fedf8.gif" border="0" alt="{L_INDEX}" vspace="1" />
                      </a></td></tr>
                        <tr>
            <td align="center" width="100%" valign="top">
            
            <table border=0 width=100% cellpadding=0 cellspacing=0>
            <tr>
            <td align="right" width="100%" valign="top">
                    <span class="mainmenu"><a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span>
                    <BR>
                    <span class="mainmenu"><a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a>
           <BR>
              <span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>
           <BR>
                    <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>
                    <BR>
                    <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></span>
                    <BR>
                    <!-- BEGIN switch_user_logged_out -->
                    <a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a></span>&nbsp;
           <!-- END switch_user_logged_out -->
           </span></td>
         </tr>
        </table>



<br />



Merci pour votre aide


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: Wed 10 Dec 2008 - 09:44    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

mets le code à la fin de overall header

et au début de ton template index body
_______________________


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

asterix12 wrote:

Bonjour

le 3éme script qui est celui ci ?


Code: Sélectionner - Agrandir

 <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://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif";  
Image1=new Image();  
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif"  
Image2=new Image();  
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif"  
Image3=new Image();  
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif"  
Image4=new Image();  
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif"  
Image5=new Image();  
Image5.src=grphcs[5]="http://img46.xooimage.com/files/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('</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()',20);  
}  
  
window.onload=fall  
//-->  
</script>   


il est dis de le mettre apres les balises body

voila ce que j'ai comme script d'origine
alors je le met ou ?

Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} - {PAGE_TITLE}</title>

<link rel="stylesheet" href="http://img2.xooimage.com/files/a/n/andro-3116b.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
 if ( {PRIVATE_MESSAGE_NEW_FLAG} )
 {
  window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
 }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="750" cellspacing="0" cellpadding="10" border="0" align="center"> 
 <tr> 
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr> 
    <td><a href="{U_INDEX}"><img src="http://img41.xooimage.com/files/e/d/5/f-tes-noel-gifs.gif3-7fedf8.gif" border="0" alt="{L_INDEX}" vspace="1" />
                      </a></td></tr>
                        <tr>
    <td align="center" width="100%" valign="top">
    
    <table border=0 width=100% cellpadding=0 cellspacing=0>
    <tr>
    <td align="right" width="100%" valign="top">
                    <span class="mainmenu"><a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span>
                    <BR>
                    <span class="mainmenu"><a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a>
     <BR>
          <span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>
     <BR>
                    <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>
                    <BR>
                    <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></span>
                    <BR>
                    <!-- BEGIN switch_user_logged_out -->
                    <a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a></span>&nbsp;
     <!-- END switch_user_logged_out -->
     </span></td>
   </tr>
    </table>








Merci pour votre aide
Bonjour Asterix 12
Mettez le 3ème script après

 
Code: Sélectionner - Agrandir

 <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  


dans votre overall header.tpl
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Xterminator


Offline
Guest




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

  Bonjour à toute l'équipe,

  Voilà je viens de lire les 17 pages pour la neige qui défile sur les forums et après énormément d'essais  je n'y arrive toujours pas et pourtant en suivant les instructions.

  Voilà pour résumer, le script1 passe sans problème sauf qu'il s'arrête au 1/3 du forum. Le script2 lui a le souci du je reste 2/3 en largeur de l'écran.

  Alors j'ai vu le dernier script de ces dernier post et il a l'air super sauf que je n'arrive pas a le faire fonctionner sur mon forum malgré les recommandations de toutes les personnes qui ont postés ici.

  Donc je vais vous mettre mon template "overall_header.tpl" et si vous pouvez me dire ou le mettre pour que la neige défile sur mon forum entierement.

 


Last edited by Xterminator on Thu 11 Dec 2008 - 15:54; edited 2 times in total
Author Message
themalin
Membre


Offline
Membre

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

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

bonjour

mets le aussi au début de index body et dans overall footer
_______________________


Forum
Author Message
Xterminator


Offline
Guest




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

Donc voila mon template, et pour info je l'ai mis dans les 3 fichiers sans résultat.

 
Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img2.xooimage.com/files/8/0/c/script-304cde.js">
</script>
<style type="text/css">
<!--
/*
  WorkStation_fusion Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
    
    background-image: url(http://img9.xooimage.com/files/3/f/b/liche10-52efb6-52f7d3.jpg);
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top right;
    background-color: {T_BODY_BGCOLOR}; 
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #ff9900;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TR_COLOR3};
        background-image: url(http://img5.xooimage.com/files/b/a/back_catd-90742.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_TH_COLOR1}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img9.xooimage.com/files/b/a/back_title-9073e.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/b/a/back_catg-9073f.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }

/* Optionnal text */
.class1 { font-size : {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
.class2 { font-size : {T_FONTSIZE1}px; color : {T_TR_COLOR1}; }
.class3    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_TR_COLOR1}}
a.cattitle        { text-decoration: none; color : {T_TR_COLOR1}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr> 
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/4/1/1/wow19-6d4476.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/2/a/accueil-ml-rpg-1bc6f8.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/8/faq-1bc705.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/5/5/1/rechercher-1bc747.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/e/e/membres-1bc713.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/f/8/9/groupes-1bc709.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/e/9/6/profil-1bc736.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/1/d/1/off-1bc70f.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/2/a/accueil-ml-rpg-1bc6f8.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/8/faq-1bc705.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/5/5/1/rechercher-1bc747.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img9.xooimage.com/files/7/e/6/s-enregistrer-1bc73d.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/1/7/4/on-1bc70b.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />


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

 
Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img2.xooimage.com/files/8/0/c/script-304cde.js">
</script>
<style type="text/css">
<!--
/*
  WorkStation_fusion Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com
 
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
 
/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
    
    background-image: url(http://img9.xooimage.com/files/3/f/b/liche10-52efb6-52f7d3.jpg);
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top right;
    background-color: {T_BODY_BGCOLOR}; 
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #ff9900;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222;
}
 
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
 
/* This is the border line & background colour round the entire page */
.bodyline    { background-color: ""; border: 0px {T_TH_COLOR1} solid; }
 
/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }
 
/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }
 
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TR_COLOR3};
        background-image: url(http://img5.xooimage.com/files/b/a/back_catd-90742.jpg);
        background-repeat: repeat-y;
}
 
/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_TH_COLOR1}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img9.xooimage.com/files/b/a/back_title-9073e.jpg);
}
 
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/b/a/back_catg-9073f.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
 
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
 
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
 
/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
 
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }
 
/* Optionnal text */
.class1 { font-size : {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
.class2 { font-size : {T_FONTSIZE1}px; color : {T_TR_COLOR1}; }
.class3    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
 
/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
 
/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_TR_COLOR1}}
a.cattitle        { text-decoration: none; color : {T_TR_COLOR1}; }
a.cattitle:hover{ text-decoration: none; }
 
/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
 
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: none; }
 
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: none; color : {T_BODY_HLINK}; }
 
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
 
/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
 
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}
 
/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
 
.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
 
/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}
 
/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}
 
/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR3};
}
 
input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }
 
/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
 
/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}
 
/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}
 
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
 
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> 
 
 <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://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif" 
Image2=new Image(); 
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif" 
Image3=new Image(); 
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif" 
Image4=new Image(); 
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif" 
Image5=new Image(); 
Image5.src=grphcs[5]="http://img46.xooimage.com/files/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('</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()',20); 

 
window.onload=fall 
//--> 
</script>  
 


 
<a name="top"></a>
 
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr> 
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/4/1/1/wow19-6d4476.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/2/a/accueil-ml-rpg-1bc6f8.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/8/faq-1bc705.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/5/5/1/rechercher-1bc747.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/e/e/membres-1bc713.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/f/8/9/groupes-1bc709.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/e/9/6/profil-1bc736.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/1/d/1/off-1bc70f.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/2/a/accueil-ml-rpg-1bc6f8.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/8/faq-1bc705.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/5/5/1/rechercher-1bc747.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img9.xooimage.com/files/7/e/6/s-enregistrer-1bc73d.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/1/7/4/on-1bc70b.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>
 
        <br />
 
Essayez avec çà (dans votre thème de test) Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





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

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