It is currently Thu 29 Sep 2016 - 00:11 - 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, 321, 22, 2347, 48, 49  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Tue 16 Dec 2008 - 15:44    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

bonjour

ici

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(); 
Forum
Author Message
lexou777


Offline
Guest




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

bonjour a tous.
j'ai un pote informaticien qui m'a mis la neige sur le forum mais
je voudrais la supprimer car ca rame a fond. Le soucis c'est que je sais pas ou il a mis le script ou
machin truc? jai essayer de lire ce que je pouvais la dessus et d'aller dans overhallheader et compagnie mais je trouve rien qui correspond a ce que vous avez mis en page un de ce topic.
j'ose pas bidouiller.
Est ce q'un modérateur pourrait se connecter sur notre forum et nous virer la neige?

le forum en question est  : http://acrolide.xooit.fr

merci par avance


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Tue 16 Dec 2008 - 20:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour
vous êtes sur de l'adresse du forum
Car il n'y a pas de neige qui tombe, et rien dans le code source
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
pegui21000
Membre


Offline
Membre

Joined: 01 Dec 2007
Posts: 83
Niveau:
Point(s): 81
Moyenne: 0.98
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 猪 Cochon

PostPosted: Tue 16 Dec 2008 - 20:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

themalin wrote:

bonjour

ici

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(); 

il n'y a pas le code pour changer le lieu ou ça tombe
_______________________
ultimate-gamers.clicforum.fr - Mon forum de jeux-vidéos
Mon Dailymotion - Mon Blog - Écoutez Skyrock
Ma voiture - Ma DS


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

tu ne peux pas chanegr ça justement c'est aléatoire
_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 11:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour à tous voilà j'ai testé la deuxième façon du tuto car je voudrai la neige sur toutes mes pages seulement cela ne fonctionne pas:

Mon overall header:

Code: Sélectionner - Agrandir
<script>//Snow - [url=http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif]http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif[/url]
 
if  ((document.getElementById) &&   
window.addEventListener || window.attachEvent){ 
 
(function(){ 
 
//Configure here. 
 
var num = 30;   //Nombre d'images 
var timer = 400; //Vitesse de descente 
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no). 
//Adresse des gifs ci-dessous 
var url_gif = new Array(); 
 
url_gif[0]= "URL de l'image";   
url_gif[1]= "URL de l'image"; 
   
nb_floc = 2; // Nombre de d'images différentes 
 
//End. 
 
var y = []; 
var x = []; 
var fall = []; 
var theFlakes = []; 
var sfs = []; 
var step = []; 
var currStep = []; 
var h,w,r; 
var d = document; 
var pix = "px"; 
var domWw = (typeof window.innerWidth == "number"); 
var domSy = (typeof window.pageYOffset == "number"); 
var idx = d.getElementsByTagName('div').length; 
 
if (d.documentElement.style &&   
typeof d.documentElement.style.MozOpacity == "string") 
num = 12; 
 
for (i = 0; i < num; i++){ 
sfs[i] = 15; // Math.round(1 + Math.random() * 1); 
 
document.write('
[img]http://+url_gif[i%(nb_floc-1)]+[/img]<\/div>'); 
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd; 
 
currStep[i] = 0; 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[i] = (sfs[i] == 1)? 
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 

 
 
if (domWw) r = window; 
else{   
  if (d.documentElement &&   
  typeof d.documentElement.clientWidth == "number" &&   
  d.documentElement.clientWidth != 0) 
  r = d.documentElement; 
 else{   
  if (d.body &&   
  typeof d.body.clientWidth == "number") 
  r = d.body; 
 } 

 
 
function winsize(){ 
var oh,sy,ow,sx,rh,rw; 
if (domWw){ 
  if (d.documentElement && d.defaultView &&   
  typeof d.defaultView.scrollMaxY == "number"){ 
  oh = d.documentElement.offsetHeight; 
  sy = d.defaultView.scrollMaxY; 
  ow = d.documentElement.offsetWidth*0.80; 
  sx = d.defaultView.scrollMaxX; 
  rh = oh-sy; 
  rw = ow-sx; 
 } 
 else{ 
  rh = r.innerHeight; 
  rw = r.innerWidth*0.80; 
 } 
h = rh - 2;   
w = rw - 2;   

else{ 
h = r.clientHeight - 2;   
w = r.clientWidth*0.80;   


 
 
function scrl(yx){ 
var y,x; 
if (domSy){ 
 y = r.pageYOffset; 
 x = r.pageXOffset; 
 } 
else{ 
 y = r.scrollTop; 
 x = r.scrollLeft; 
 } 
return (yx == 0)?y:x; 

 
 
function snow(){ 
var dy,dx; 
 
for (i = 0; i < num; i++){ 
 dy = fall[i]; 
 dx = fall[i] * Math.cos(currStep[i]); 
 
 y[i]+=dy; 
 x[i]+=dx;   
 
 if (x[i] >= w || y[i] >= h){ 
  y[i] = -10; 
  x[i] = Math.round(Math.random() * w); 
  fall[i] = (sfs[i] == 1)? 
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
  step[i] = (sfs[i] == 1)? 
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 
 } 
   
 theFlakes[i].top = y[i] + scrl(0) + pix; 
 theFlakes[i].left = x[i] + scrl(1) + pix; 
 
 currStep[i]+=step[i]; 

setTimeout(snow,timer); 

 
 
function init(){ 
winsize(); 
for (i = 0; i < num; i++){ 
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style; 
 y[i] = Math.round(Math.random()*h); 
 x[i] = Math.round(Math.random()*w); 

snow(); 

 
 
if (window.addEventListener){ 
 window.addEventListener("resize",winsize,false); 
 window.addEventListener("load",init,false); 
}   
else if (window.attachEvent){ 
 window.attachEvent("onresize",winsize); 
 window.attachEvent("onload",init); 
}   
 
})(); 
}//End.</script>   
<head>
<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://img10.xooimage.com/files/1/b/f/onyx-2bcf49.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  [url=http://lda-creation.conceptbb.com]http://lda-creation.conceptbb.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-image: url(http://img1.xooimage.com/files/5/3/2/sans-titre-2-8a442d.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: bottom right;
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: #000000;
   scrollbar-highlight-color: #444444;
   scrollbar-shadow-color: #000000;
   scrollbar-arrow-color:  #444444;
   scrollbar-3dlight-color: #333333;
   scrollbar-track-color: #000000;
   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_COLOR1}; 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://img6.xooimage.com/files/b/a/back_catd-758c2.gif);
      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: 25px;
   background-image: url(http://img9.xooimage.com/files/b/a/back_title-758bb.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img6.xooimage.com/files/b/a/back_catg-758be.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; }

/* 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_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
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">[/url]

<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">[url=http://{U_INDEX}][img]http://img7.xooimage.com/files/c/b/0/triguiloin-818d30.gif[/img][/url]</td>
            </tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&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 -->
                             [url=http://{U_INDEX}][img]http://img3.xooimage.com/files/i/c/icon_mini_index-906b0.jpg[/img][/url][url=http://{U_FAQ}][img]http://img6.xooimage.com/files/i/c/icon_mini_faq-906b1.jpg[/img][/url][url=http://{U_SEARCH}][img]http://img5.xooimage.com/files/i/c/icon_mini_search-906b2.jpg[/img][/url][url=http://{U_MEMBERLIST}][img]http://img6.xooimage.com/files/i/c/icon_mini_members-906b3.jpg[/img][/url][url=http://{U_GROUP_CP}][img]http://img10.xooimage.com/files/i/c/icon_mini_groups-906b4.jpg[/img][/url][url=http://{U_PROFILE}][img]http://img3.xooimage.com/files/i/c/icon_mini_profile-906b5.jpg[/img][/url][url=http://{U_PRIVATEMSGS}][img]http://{PRIVMSG_IMG}[/img][/url][url=http://{U_LOGIN_LOGOUT}][img]http://img10.xooimage.com/files/i/c/icon_mini_logout-906b6.jpg[/img][/url]
                  <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                       [url=http://{U_INDEX}][img]http://img3.xooimage.com/files/i/c/icon_mini_index-906b0.jpg[/img][/url][url=http://{U_FAQ}][img]http://img6.xooimage.com/files/i/c/icon_mini_faq-906b1.jpg[/img][/url][url=http://{U_SEARCH}][img]http://img5.xooimage.com/files/i/c/icon_mini_search-906b2.jpg[/img][/url][url=http://{U_REGISTER}][img]http://img8.xooimage.com/files/i/c/icon_mini_register-906b7.gif[/img][/url][url=http://{U_LOGIN_LOGOUT}][img]http://img7.xooimage.com/files/i/c/icon_mini_login-906b8.jpg[/img][/url]
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      




J'ai sûrement zappé quelque chose dans l'URL.

Merci de me préciser également dans quel template précisement dois je mettre le code pour tout le forum ET le portail.


Merci.

@+


Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 17 Dec 2008 - 11:44    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

ici

url_gif[0]= "URL de l'image";
url_gif[1]= "URL de l'image";

tu n'as pas mis de lien d'image c'est pour ça
_______________________


Forum
Author Message
lali


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 11:46    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour

Je crois que tu as oublié de mettre l'URL de tes images ici
Code: Sélectionner - Agrandir
url_gif[0]= "URL de l'image";   
url_gif[1]= "URL de l'image";


Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 11:52    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci à vous deux seulement voilà une fois l'Url de mise rien ne se passe.

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://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif";   
url_gif[1]= "http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif"; 
   
nb_floc = 2; // Nombre de d'images différentes 
 
//End. 
 
var y = []; 
var x = []; 
var fall = []; 
var theFlakes = []; 
var sfs = []; 
var step = []; 
var currStep = []; 
var h,w,r; 
var d = document; 
var pix = "px"; 
var domWw = (typeof window.innerWidth == "number"); 
var domSy = (typeof window.pageYOffset == "number"); 
var idx = d.getElementsByTagName('div').length; 
 
if (d.documentElement.style &&   
typeof d.documentElement.style.MozOpacity == "string") 
num = 12; 
 
for (i = 0; i < num; i++){ 
sfs[i] = 15; // Math.round(1 + Math.random() * 1); 
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>'); 
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd; 
 
currStep[i] = 0; 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[i] = (sfs[i] == 1)? 
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 

 
 
if (domWw) r = window; 
else{   
  if (d.documentElement &&   
  typeof d.documentElement.clientWidth == "number" &&   
  d.documentElement.clientWidth != 0) 
  r = d.documentElement; 
 else{   
  if (d.body &&   
  typeof d.body.clientWidth == "number") 
  r = d.body; 
 } 

 
 
function winsize(){ 
var oh,sy,ow,sx,rh,rw; 
if (domWw){ 
  if (d.documentElement && d.defaultView &&   
  typeof d.defaultView.scrollMaxY == "number"){ 
  oh = d.documentElement.offsetHeight; 
  sy = d.defaultView.scrollMaxY; 
  ow = d.documentElement.offsetWidth*0.80; 
  sx = d.defaultView.scrollMaxX; 
  rh = oh-sy; 
  rw = ow-sx; 
 } 
 else{ 
  rh = r.innerHeight; 
  rw = r.innerWidth*0.80; 
 } 
h = rh - 2;   
w = rw - 2;   

else{ 
h = r.clientHeight - 2;   
w = r.clientWidth*0.80;   


 
 
function scrl(yx){ 
var y,x; 
if (domSy){ 
 y = r.pageYOffset; 
 x = r.pageXOffset; 
 } 
else{ 
 y = r.scrollTop; 
 x = r.scrollLeft; 
 } 
return (yx == 0)?y:x; 

 
 
function snow(){ 
var dy,dx; 
 
for (i = 0; i < num; i++){ 
 dy = fall[i]; 
 dx = fall[i] * Math.cos(currStep[i]); 
 
 y[i]+=dy; 
 x[i]+=dx;   
 
 if (x[i] >= w || y[i] >= h){ 
  y[i] = -10; 
  x[i] = Math.round(Math.random() * w); 
  fall[i] = (sfs[i] == 1)? 
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
  step[i] = (sfs[i] == 1)? 
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 
 } 
   
 theFlakes[i].top = y[i] + scrl(0) + pix; 
 theFlakes[i].left = x[i] + scrl(1) + pix; 
 
 currStep[i]+=step[i]; 

setTimeout(snow,timer); 

 
 
function init(){ 
winsize(); 
for (i = 0; i < num; i++){ 
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style; 
 y[i] = Math.round(Math.random()*h); 
 x[i] = Math.round(Math.random()*w); 

snow(); 

 
 
if (window.addEventListener){ 
 window.addEventListener("resize",winsize,false); 
 window.addEventListener("load",init,false); 
}   
else if (window.attachEvent){ 
 window.attachEvent("onresize",winsize); 
 window.attachEvent("onload",init); 
}   
 
})(); 
}//End.</script>   
<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://img10.xooimage.com/files/1/b/f/onyx-2bcf49.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx 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://img1.xooimage.com/files/5/3/2/sans-titre-2-8a442d.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: bottom right;
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: #000000;
   scrollbar-highlight-color: #444444;
   scrollbar-shadow-color: #000000;
   scrollbar-arrow-color:  #444444;
   scrollbar-3dlight-color: #333333;
   scrollbar-track-color: #000000;
   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_COLOR1}; 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://img6.xooimage.com/files/b/a/back_catd-758c2.gif);
      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: 25px;
   background-image: url(http://img9.xooimage.com/files/b/a/back_title-758bb.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img6.xooimage.com/files/b/a/back_catg-758be.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; }

/* 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_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
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/c/b/0/triguiloin-818d30.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://img3.xooimage.com/files/i/c/icon_mini_index-906b0.jpg" width="119" height="62" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_faq-906b1.jpg" width="32" height="62" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_search-906b2.jpg" width="85" height="62" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_members-906b3.jpg" width="62" height="62" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_groups-906b4.jpg" width="62" height="62" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-906b5.jpg" width="48" height="62" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="80" height="62" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_logout-906b6.jpg" width="166" height="62" 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://img3.xooimage.com/files/i/c/icon_mini_index-906b0.jpg" width="119" height="62" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_faq-906b1.jpg" width="32" height="62" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_search-906b2.jpg" width="85" height="62" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_register-906b7.gif" width="99" height="62" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login-906b8.jpg" width="150" height="62" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />




Je ne l'ai mis pour l'instant que dans overall header.

Merci.


Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 17 Dec 2008 - 11:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

tu le mets bien en thème normal
_______________________


Forum
Author Message
lali


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 11:54    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Met ton script a la fin du template pour essayer Stp

Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 11:56    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

@The malin: Non je fais un essai sur le thème de test pourquoi?

@Lali:Ok je vais essayer

Ala fin même combat! Mais peut être suis je obligé de le mettre dans le thème normal??
Si c'est le cas pouvez vous me préciser dans quel template dois appliquer le code pour l'avoir sur toute la page, sur le forum et le portail.


Last edited by Tragulinu on Wed 17 Dec 2008 - 12:00; edited 1 time 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: Wed 17 Dec 2008 - 12:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

parce que si tu le fais en test après tu regardes bien en test si tu l'as
_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 12:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oui oui je regarde bien le thème de test.


J'ai édité mon précedent message.


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

si tu le veux sur toutes les pages tu le mets dans overall header c'est tout
_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 12:06    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ok mais ça ne fonctionne pas j'ai même essayé la 3ème solution et rien y fait.


Help me please. Crying or Very sad


Author Message
Contenu Sponsorisé





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

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