It is currently Thu 29 Sep 2016 - 05:17 - 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, 336, 37, 3847, 48, 49  >

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





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

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

Bah le
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('

'); 

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][/i] = Math.round(Math.random()*WinHeight); 
 Xpos[i][/i] = Math.round(Math.random()*WinWidth); 
 Speed[i][/i]= Math.random()*5+3; 
 Cstep[i][/i]=0; 
 Step[i][/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][/i]*Math.sin(90*Math.PI/180); 
sx = Speed[i][/i]*Math.cos(Cstep[i][/i]); 
Ypos[i][/i]+=sy; 
Xpos[i][/i]+=sx;  
if (Ypos[i][/i] > WinHeight){ 
Ypos[i][/i]=-60; 
Xpos[i][/i]=Math.round(Math.random()*WinWidth); 
Speed[i][/i]=Math.random()*5+3; 

if (ns){ 
document.layers['sn'+i].left=Xpos[i][/i]; 
document.layers['sn'+i].top=Ypos[i][/i]+hscrll; 

else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i][/i]); 
document.getElementById("si"+i).style.top=Ypos[i][/i]+hscrll; 

else{ 
eval("document.all.si"+i).style.left=Xpos[i][/i]; 
eval("document.all.si"+i).style.top=Ypos[i][/i]+hscrll; 
}  
Cstep[i][/i]+=Step[i][/i]; 

setTimeout('fall()',20); 

 
window.onload=fall 
//--> 
</script>
marchait pas. Pourtout je l'ai mis en dessous
Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
.
Author Message
Phantom[XIII]


Offline
Guest




PostPosted: Sun 29 Nov 2009 - 13:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour, j'aimerais utiliser le tuto n°2 c'est-à-dire, la pluie d'image sur tout le forum. Seulement je voudrais cela uniquement sur la page d'index. Ayant essayé à maintes reprises, je n'aboutis à rien.
Pourriez-vous m'aider ?
J'ai le thème PLUMINATOR.

Merci !


Author Message
themalin
Membre


Offline
Membre

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

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

bonjour

dans ce cas tu mets bien le code que dans index body pour que ça ne touche pas le reste et pas dans overall header
_______________________


Forum
Author Message
Phantom[XIII]


Offline
Guest




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

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://pmsc.free.fr/I/081123173111.gif"; 
url_gif[1]= "http://pmsc.free.fr/I/081123171920.gif";
 
nb_floc = 3; // Nombre de d'images différentes
 
//End.
 
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
 
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
 
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
 
 
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
 
 
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2;   
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}
 
 
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
 
 
function snow(){
var dy,dx;
 
for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);
 
 y[i]+=dy;
 x[i]+=dx; 
 
 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;
 
 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
 
 
function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}
 
 
if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}   
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);

 
})();
}//End.</script> 


</br>
<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>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
 
 <!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
   <th width="100%" colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{catrow.CAT_DESC} &nbsp;</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 width="150"  class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</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%" 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="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 -->
</table>
<br class="nav" />
  <!-- 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>

</br>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" colspan="2" height="28"><span class="cattitle"><center><a href="{U_VIEWONLINE}" class="cattitle"><font color=#000000>{L_WHO_IS_ONLINE}</font></a></center></span></td>
  </tr>
  <tr>
   <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img8.xooimage.com/files/d/1/f/wo-12ffe2c.jpg" 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_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" />

<br />
<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="20" align="center"><img src="http://img2.xooimage.com/files/f/6/f/newmessages-109ab29.png" 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://img2.xooimage.com/files/2/2/a/nonewmessages-109b93c.png" 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/e/4/d/locked-109b974.png" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<br />


C'est bien ce que j'ai fais mais cela ne change rien aucune image n'apparait =/


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: Sun 29 Nov 2009 - 13:25    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

je viens de mettre le code ça marche bien sur mon forum
tu es sur de le faire en thème normal?
_______________________


Forum
Author Message
Phantom[XIII]


Offline
Guest




PostPosted: Sun 29 Nov 2009 - 13:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oui j'ai bien mis le code dans le thème normal.
La version 1 marche très bien chez moi sauf que sa ne couvre pas toute la page. Mais la version 2 pas du tout =/


Author Message
prunelle


Offline
Guest




PostPosted: Sun 29 Nov 2009 - 15:11    Post subject: astuce pour flocon de neige défilant Reply with quote

bidoux a tout .
Voila j'ai trouvé un moyen de mettre les flocons tombant sur la page sans passé par tremplates .Pourquoi pas faire simple quand on peut ! Razz

Bien pratique pour moi loll.

en 1ère
panneau d'administration

en 2ème
message d'entete

en 3



<script src="http://ddata.over-blog.com/xxxyyy/0/06/31/40/scripts/flocons/flocons.js"></script>


Author Message
ceam57


Offline
Guest




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

Adresse de mon forum : http://tupperware.forumdesfans.com
Thème graphique du forum : ~ Thème graphique de Noël © Nollizua ~
Votre poste :  Admin
Votre navigateur (Modèle et version) : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.15) Gecko/2009101601 Firefox/3.0.15 GTB6 (.NET CLR 3.5.30729)
Mon problème concerne : pluie d'image

Description détaillée du problème
:
Salut tout le monde !
Voilà, j'aimerai utiliser la 3è solution, il faut insérer le code après la balise body. Cependant, je ne trouve pas la balise !
Si vous pouviez m'indiquer où insérer le code, merci d'avance !!

 
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://img9.xooimage.com/files/n/o/nollizua_noel-34ab1.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original nollizua_noel Theme for phpBB version 2+
  Created by Nollizua
  http://www.nollizua.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-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* 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: underline; 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: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; 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_TD_COLOR2};
        background-image: url(http://img8.xooimage.com/files/n/o/nollizua_noel2-34aaa.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 32px;
    background-image: url(http://img.xooimage.com/files/);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files/);
            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: 28px;
}
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: 22px; 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: underline; }

/* 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: underline; color : {T_BODY_HLINK}; }

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

/* 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: underline; 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: underline; }

/* 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: underline; 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: 32px}
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: underline; 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_TR_COLOR3}; 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: 132%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    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://img7.xooimage.com/files/f/o/formie-34aab.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=232,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}" background="http://img10.xooimage.com/files/n/o/nollizua_noel_a-34ab2.gif">

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

<p>&nbsp;</p> <table width="95%" cellspacing="0" cellpadding="10" border="0" align="center"  style="border-width:2px; border-color:rgb(0,128,0); border-style:double;"> 
    <tr> 
        <td class="bodyline" background="http://img9.xooimage.com/files/n/o/nollizua_noel_b-34ab3.gif"><table width="100%" cellspacing="0" cellpadding="0" border="0"> 
                <td><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/d/9/3/entete1-1603dec.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                <td align="center" width="90%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0" align="center">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-34ab5.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_search-34ab6.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_members-34ab7.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_groups-34ab8.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_register-34ab9.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="32" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_profile-34aba.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_message-34abb.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_login-34abc.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</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 3 Dec 2009 - 22:36    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
Pour votre thème la balise body se trouve dans panneau admin >> thème >> modifier les templates >> overall header.tpl :


 
Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" background="http://img10.xooimage.com/files/n/o/nollizua_noel_a-34ab2.gif"> 


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


Forum
Author Message
ceam57


Offline
Guest




PostPosted: Fri 4 Dec 2009 - 10:31    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

merci Yskander ! Vu que je connais rien du tout à ce code, je cherchais un </body> que je ne trouvais pas !
j'ai beaucoup de choses à apprendre !
je vais tenter tout ça !


Author Message
ceam57


Offline
Guest




PostPosted: Sat 5 Dec 2009 - 12:06    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

voilà, finalement j'ai mis le thème 2. ça fonctionne MAIS ! ... la neige ne tombe pas sur tout l'écran : on va dire qu'elle tombe sur les 3/4 gauches de l'écran et rien ne tombe à droite, y a t-il quelque chose à paramétrer ???

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 = 35;   //Nombre d'images
var timer = 50; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();
 
url_gif[0]= "http://img7.xooimage.com/files/f/l/flocon-34ab0.gif"; 
url_gif[1]= "http://pmsc.free.fr/I/081123172847.gif";
 
nb_floc = 3; // Nombre de d'images différentes
 
//End.
 
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
 
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
 
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
 
 
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
 
 
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2;  
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}
 
 
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
 
 
function snow(){
var dy,dx;
 
for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);
 
 y[i]+=dy;
 x[i]+=dx; 
 
 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;
 
 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
 
 
function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}
 
 
if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}  
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);

 
})();
}//End.</script> 
<!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://img6.xooimage.com/files/9/5/c/nollizua_noel-160f942.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original nollizua_noel Theme for phpBB version 2+
  Created by Nollizua
  [url=http://www.nollizua.com/]http://www.nollizua.com[/url]
  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-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* 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: underline; 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: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; 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_TD_COLOR2};
  background-image: url(http://img4.xooimage.com/files/2/4/a/nollizua_noel2-34aaa-160f940.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 32px;
 background-image: url(http://img.xooimage.com/files/);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files/);
   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: 28px;
}
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: 22px; 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: underline; }
/* 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: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* 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: underline; 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: underline; }
/* 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: underline; 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: 32px}
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: underline; 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_TR_COLOR3}; 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: 132%;
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : {T_BODY_TEXT};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR1};
 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://img7.xooimage.com/files/f/o/formie-34aab.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=232,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}" background="http://img10.xooimage.com/files/n/o/nollizua_noel_a-34ab2.gif">
<a name="top"></a>
<p>&nbsp;</p> <table width="95%" cellspacing="0" cellpadding="10" border="0" align="center"  style="border-width:2px; border-color:rgb(0,128,0); border-style:double;">
 <tr>
  <td class="bodyline" background="[url=http://img9.xooimage.com/files/n/o/nollizua_noel_b-34ab3.gif%22%3E%3Ctable]http://img9.xooimage.com/files/n/o/nollizua_noel_b-34ab3.gif"><table[/url] width="100%" cellspacing="0" cellpadding="0" border="0">
    <td><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/d/9/3/entete1-1603dec.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
    <td align="center" width="90%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
    <table cellspacing="0" cellpadding="2" border="0" align="center">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-34ab5.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_search-34ab6.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_members-34ab7.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_groups-34ab8.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_register-34ab9.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
      <!-- END switch_user_logged_out -->
      </td>
     </tr>
     <tr>
      <td height="32" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_profile-34aba.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_message-34abb.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_login-34abc.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  <br />


 

merci pour votre aide Wink


Author Message
Le Psy4


Offline
Guest




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

j'ai beau faire des essais de l'instalaition 2 ou 3 dans index body
ou overall etc
j'ai copier coller les code et tien pas un brin de neige il fait tro chaud sur mon pc ou quoi?


Author Message
sirob
Membre


Offline
Membre

Joined: 19 Dec 2008
Posts: 8
Point(s): 8
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 9 Dec 2009 - 01:56    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour j' ai essayer d' appliquer vos script, mais a chaque fois que j' en met un, il ne se passe rien et en plus ça efface mon theme que je vient de mettre en place (winter ice)
de plus je n' est rien d' ecrit dans les templates overall header.tpr
merci de votre aide


Forum
Author Message
ceam57


Offline
Guest




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

sirob wrote:
bonjour j' ai essayer d' appliquer vos script, mais a chaque fois que j' en met un, il ne se passe rien et en plus ça efface mon theme que je vient de mettre en place (winter ice) de plus je n' est rien d' ecrit dans les templates overall header.tpr
merci de votre aide



Le Psy4 wrote:
j'ai beau faire des essais de l'instalaition 2 ou 3 dans index body ou overall etc
j'ai copier coller les code et tien pas un brin de neige il fait tro chaud sur mon pc ou quoi?


avez vous penser à mettre les liens de vos images dans votre template ???
car si vous faites juste le copier coller, sans indiquer les adresses de vos images, cela est normal que rien ne se passe !

Bon courage !

et moi les amis ??? (voir message plus haut), ersonne pour me dire pourquoi il ne neige pas à droite de mon écran ??? Crying or Very sad


Author Message
sirob
Membre


Offline
Membre

Joined: 19 Dec 2008
Posts: 8
Point(s): 8
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

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

salut oui j' y ais penser mais aucun resultat!

Forum
Author Message
Excalibur


Offline
Guest




PostPosted: Fri 11 Dec 2009 - 18:27    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour moi je ne comprend pas non plus pourquoi ça ne marche pas

Je fais le copier coller de la version 3 après la balise body (c'est bien celle juste vers la fin?) je fais ensuite enregistrer les modifications et rien ne se passe  pourquoi?


Author Message
Contenu Sponsorisé





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

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