It is currently Sat 24 Sep 2016 - 22:54 - 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, 332, 33, 3447, 48, 49  >

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


Joined: 27 Jul 2009
Posts: 13

PostPosted: Fri 31 Jul 2009 - 00:07    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

je ne comprend pas vraiment désoler


je ne connais rien a sa donc je ne comprend pas se que vous voulez dire

--></style> ?????  <script type="text/javascript" src="http://img.xooimage.com/files3/5/9/0/common-10e272e.js?2_20081210"></script></head>
<body bgcolor="#000000" text="#bbbbbb" link="#666666" vlink="#808080">
<a name="top">[/url]


et sa non plus

esaaye de mindiquer  plus en detail quoi svp sa me dit pas ou je doit le métre avent ou apres quoi
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: Fri 31 Jul 2009 - 11:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

tu cherches ceci dans overall header vers la fin

Code: Sélectionner - Agrandir
<script type="text/javascript" src="http://img3.xooimage.com/files/5/9/0/common-10e272e.js?2_20081210"></script></head>
<body bgcolor="#000000" text="#bbbbbb" link="#666666" vlink="#808080">



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


et ensuite tu prends le code du tuto que tu veux pour ta pluie d'image

et tu le colle comme ceci dans le template
Code: Sélectionner - Agrandir


<script type="text/javascript" src="http://img3.xooimage.com/files/5/9/0/common-10e272e.js?2_20081210"></script></head>
<body bgcolor="#000000" text="#bbbbbb" link="#666666" vlink="#808080">

ton code pour la pluie d'image


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



tu penses à changer le lien de l'image que tu veux et tu fais envoyer

si tu veux faire la version 3 tu mets comme ça


Code: Sélectionner - Agrandir

<script type="text/javascript" src="http://img3.xooimage.com/files/5/9/0/common-10e272e.js?2_20081210"></script></head>
<body bgcolor="#000000" text="#bbbbbb" link="#666666" vlink="#808080">

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


et tu changes le lien de l'image comme indiqué
_______________________


Forum
Author Message
minoubebe
Membre


Offline
Membre

Joined: 27 Jul 2009
Posts: 13
Point(s): 13
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Gémeaux (21mai-20juin)

PostPosted: Fri 31 Jul 2009 - 11:52    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

ha ha super y suis arrive merci merci

es pas changer image peur de faire une betise j'ai copier coller  ton code ici dessus et comme tu ma montrez en detail et tout compris mdr

merci de mavoir expliquer en detail

ses super genial merci beaucoup de ton aide et de ta patience




Forum
Author Message
minoubebe
Membre


Offline
Membre

Joined: 27 Jul 2009
Posts: 13
Point(s): 13
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Gémeaux (21mai-20juin)

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

j'ai remis le code et sa refonctionne désoler Crying or Very sad  vous avoir enuyer par contre plus moyen d'aller sur le portail

direct me marque internet explorer  ne peux ouvrir e nom de mon forum puit marque opération abandonné que doige faire  au secour




Forum
Author Message
minoubebe
Membre


Offline
Membre

Joined: 27 Jul 2009
Posts: 13
Point(s): 13
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Gémeaux (21mai-20juin)

PostPosted: Fri 31 Jul 2009 - 17:05    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

voilas et desistaller et reinstaller le portail et sa refonctionne  Razz




Forum
Author Message
l0lmanPH
Membre


Offline
Membre

Joined: 14 Dec 2008
Posts: 45
Niveau:
Point(s): 45
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Capricorne (22déc-19jan) 鼠 Rat

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

J'ai essayé de faire la méthode 2, mais ça ne fonctionne pas.

J'ai mis les deux codes dans index_body et overall_header, rien.

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

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

<table align="left">
<tr>

<div class="image"><a href="http://www.extinction.fr/" target="blank"><img src="http://img45.xooimage.com/files/2/d/3/partenariatextinction-11a57cf.png" border="0"></a></div>
</tr>
</table>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<link rel="shortcut icon" href=" http://img54.imageshack.us/img54/4176/favicne.gif "><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://img4.xooimage.com/files/a/1/2/subsilver-1138d83.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.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};
        background-image: url("http://img43.xooimage.com/files/6/5/a/hypersacgentbackg...eatfinal-11a34a4.png");
        background-repeat: repeat;
}

#navigation
{
   background-color: orange;
   border: 1px solid green;
   width: 150px;
   height: 100px;
   
   position: fixed;
   left: 30px;
   top: 60px;
}

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

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

/* Image en haut */
.image{   

POSITION: absolute;

}

/*
  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://img9.xooimage.com/files/7/8/c/sacgentminilogo-112704b.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/8/5/e/1-10ae3fc.png);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img7.xooimage.com/files/7/2/d/1-10ae52e.png);
         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: 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: 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: 125%;
   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};
   border-width:1px;
}

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;
   border-width:1px;
}

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

/* 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 -->
<!-- DEBUT DU SCRIPT --><style>
.spanstyle {
   position:absolute;
   visibility:visible;
   top:-50px;
   font-size:6pt;
   font-family:Arial;
      font-weight:bold;
   color:#CC0000;
}
</style>
<script language=JavaScript>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php

*/

var x,y
var step=20
var flag=0

var message='Attention '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
   xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
   ypos[i]=-50
}
function handlerMM(e){
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
      y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   flag=1
}

function makesnake() {
   if (flag==1 && document.getElementById) {
       for (i=message.length-1; i>=1; i--) {
            xpos[i]=xpos[i-1]+step
         ypos[i]=ypos[i-1]
       }
      xpos[0]=x+step
      ypos[0]=y

      for (i=0; i<message.length-1; i++) {
          var thisspan = document.getElementById('span'+(i)).style;
          thisspan.left=xpos[i]
         thisspan.top=ypos[i]
       }
   }
      var timer=setTimeout("makesnake()",30)
}

</script>
<!-- FIN DU SCRIPT -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="navigation">
<a href=http://sacgent.xooit.com/t13-Qu-est-ce-que-SACGENT-Corporation.htm>Voici SACGENT</a><br />
<a href=http://sacgent.xooit.com/t15-Regles-Sanctions.htm>Charte</a><br />
<a href=http://sacgent.xooit.com/t54-Aide-Officielle.htm>Demandez de l'aide</a><br />
<a href=http://sacgent.xooit.com/t56-Flood-a-volonte.htm#p186>Pour parler</a><br />
<a href=http://sacgent.xooit.com/t17-Credits.htm#p97>Personnes utiles</a><br />
</div>

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

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>

<td width="100%">
             <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="HAUTEUR EN PX DE VOTRE IMAGE" width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COIN HAUT GAUCHE'); background-position: bottom right;">&nbsp;</td>
                <td height="HAUTEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COTÉ HAUT'); background-position: bottom;">&nbsp;</td>
                <td height="HAUTEUR EN PX DE VOTRE IMAGE" width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COIN HAUT DROIT'); background-position: bottom left;">&nbsp;</td>
              </tr>
              <tr>
                <td  width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COTÉ GAUCHE'); background-position: right;">&nbsp;</td>

      <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/3/b/8/banni-re-1-sacgent-108fee7.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
            <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img33.imageshack.us/img33/9343/84289940.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img33.imageshack.us/img33/9343/84289940.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0">
                       <tr>
                          <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                           <tr>
                              <td align="center" valign="middle" nowrap="nowrap" style="text-valign: center;"><a href="{U_INDEX}" class="mainmenu"><img src="http://img411.imageshack.us/img411/3876/16833689.png" border="0" alt="{L_INDEX}" /><font color="#FFFFFF"> - Index</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_FAQ}" class="mainmenu"><img src="http://img4.xooimage.com/files/f/3/e/1-10aef01.png" border="0" alt="{L_FAQ}" /><font color="#FFFFFF"> - F.A.Q.</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- BEGIN switch_user_logged_in --><a href="{U_PROFILE}" class="mainmenu"><img src="http://img6.xooimage.com/files/6/4/c/1-10aef6e.png" border="0" alt="{L_PROFILE}" /><font color="#FFFFFF"> - Profil</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- END switch_user_logged_in --><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/a/5/a/1-10aefa4.png" border="0" alt="{L_MEMBERLIST}" /><font color="#FFFFFF"> - Liste des Guerriers</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/c/b/c/1-10aef89.png" border="0" alt="{L_USERGROUPS}" /><font color="#FFFFFF"> - Groupes</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_SEARCH}" class="mainmenu"><img src="http://img4.xooimage.com/files/a/4/b/1-10aefae.png" border="0" alt="{L_SEARCH}" /><font color="#FFFFFF"> - Rechercher</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/d/c/1-10aef0c.png" border="0" alt="{L_REGISTER}" /><font color="#FFFFFF"> - S'inscrire</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- END switch_user_logged_out --><a href="{U_PRIVATEMSGS}" class="mainmenu"><!-- BEGIN switch_user_logged_in --><!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ELSE --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ENDIF --><!-- END switch_user_logged_in --><!-- BEGIN switch_user_logged_out --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- END switch_user_logged_out --><font color="#FFFFFF"> - Messagerie Privée</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><!-- BEGIN switch_user_logged_out --><img src="http://img6.xooimage.com/files/0/8/9/1-10aef5f.png" border="0" alt="{L_LOGIN_LOGOUT}" /><font color="#FFFFFF"> - Connexion</font><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img6.xooimage.com/files/0/8/9/1-10aef5f.png" border="0" alt="{L_LOGIN_LOGOUT}" /><font color="#FFFFFF"> - Déconnexion</font><!-- END switch_user_logged_in --></a> </td>
                       </tr>
                        </table></div>

</div>
      <br />
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script language=JavaScript>
for (i=0;i<=message.length-1;i++) {
    document.write("<DIV id=span"+i+" class=spanstyle>")
   document.write(message[i])
    document.write("</DIV>")
}

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = handlerMM;
   }

window.onload = makesnake;
</script>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/mycircle/">echange de lien</a></noscript></body

_______________________

Metroid Prime : Némésis, fangame de la suite du célèbre Metroid Prime 3 : Corruption.


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 5 Aug 2009 - 11:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

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

    <table align="left">
    <tr>

    <div class="image"><a href="http://www.extinction.fr/" target="blank"><img src="http://img45.xooimage.com/files/2/d/3/partenariatextinction-11a57cf.png" border="0"></a></div>
    </tr>
    </table>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <link rel="shortcut icon" href=" http://img54.imageshack.us/img54/4176/favicne.gif "><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://img4.xooimage.com/files/a/1/2/subsilver-1138d83.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original subSilver Theme for phpBB version 2+
      Created by subBlue design
      http://www.subBlue.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};
            background-image: url("http://img43.xooimage.com/files/6/5/a/hypersacgentbackg...eatfinal-11a34a4.png");
            background-repeat: repeat;
    }

    #navigation
    {
       background-color: orange;
       border: 1px solid green;
       width: 150px;
       height: 100px;
       
       position: fixed;
       left: 30px;
       top: 60px;
    }

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

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

    /* Image en haut */
    .image{   

    POSITION: absolute;

    }

    /*
      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://img9.xooimage.com/files/7/8/c/sacgentminilogo-112704b.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/8/5/e/1-10ae3fc.png);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img7.xooimage.com/files/7/2/d/1-10ae52e.png);
             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: 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: 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: 125%;
       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};
       border-width:1px;
    }

    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;
       border-width:1px;
    }

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

    /* 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 -->
    <!-- DEBUT DU SCRIPT --><style>
    .spanstyle {
       position:absolute;
       visibility:visible;
       top:-50px;
       font-size:6pt;
       font-family:Arial;
          font-weight:bold;
       color:#CC0000;
    }
    </style>
    <script language=JavaScript>

    /*

    Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

    SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    http://www.editeurjavascript.com
    URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php

    */

    var x,y
    var step=20
    var flag=0

    var message='Attention '
    message=message.split("")

    var xpos=new Array()
    for (i=0;i<=message.length-1;i++) {
       xpos[i]=-50
    }

    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
       ypos[i]=-50
    }
    function handlerMM(e){
       x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
          y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
       flag=1
    }

    function makesnake() {
       if (flag==1 && document.getElementById) {
           for (i=message.length-1; i>=1; i--) {
                xpos[i]=xpos[i-1]+step
             ypos[i]=ypos[i-1]
           }
          xpos[0]=x+step
          ypos[0]=y

          for (i=0; i<message.length-1; i++) {
              var thisspan = document.getElementById('span'+(i)).style;
              thisspan.left=xpos[i]
             thisspan.top=ypos[i]
           }
       }
          var timer=setTimeout("makesnake()",30)
    }

    </script>
    <!-- FIN DU SCRIPT -->
    </head>
    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

    <div id="navigation">
    <a href=http://sacgent.xooit.com/t13-Qu-est-ce-que-SACGENT-Corporation.htm>Voici SACGENT</a><br />
    <a href=http://sacgent.xooit.com/t15-Regles-Sanctions.htm>Charte</a><br />
    <a href=http://sacgent.xooit.com/t54-Aide-Officielle.htm>Demandez de l'aide</a><br />
    <a href=http://sacgent.xooit.com/t56-Flood-a-volonte.htm#p186>Pour parler</a><br />
    <a href=http://sacgent.xooit.com/t17-Credits.htm#p97>Personnes utiles</a><br />
    </div>

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

    <table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
       <tr>

    <td width="100%">
                 <table width="100%" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="HAUTEUR EN PX DE VOTRE IMAGE" width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COIN HAUT GAUCHE'); background-position: bottom right;">&nbsp;</td>
                    <td height="HAUTEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COTÉ HAUT'); background-position: bottom;">&nbsp;</td>
                    <td height="HAUTEUR EN PX DE VOTRE IMAGE" width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COIN HAUT DROIT'); background-position: bottom left;">&nbsp;</td>
                  </tr>
                  <tr>
                    <td  width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE COTÉ GAUCHE'); background-position: right;">&nbsp;</td>

          <td class="bodyline">
    <div style="text-align:center"><a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/3/b/8/banni-re-1-sacgent-108fee7.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
    <span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

    <div style="text-align:center">
                <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img33.imageshack.us/img33/9343/84289940.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img33.imageshack.us/img33/9343/84289940.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0">
                           <tr>
                              <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <div align="center"><table cellspacing="0" cellpadding="2" border="0" background="http://img529.imageshack.us/img529/3721/37211163.png">
                               <tr>
                                  <td align="center" valign="middle" nowrap="nowrap" style="text-valign: center;"><a href="{U_INDEX}" class="mainmenu"><img src="http://img411.imageshack.us/img411/3876/16833689.png" border="0" alt="{L_INDEX}" /><font color="#FFFFFF"> - Index</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_FAQ}" class="mainmenu"><img src="http://img4.xooimage.com/files/f/3/e/1-10aef01.png" border="0" alt="{L_FAQ}" /><font color="#FFFFFF"> - F.A.Q.</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- BEGIN switch_user_logged_in --><a href="{U_PROFILE}" class="mainmenu"><img src="http://img6.xooimage.com/files/6/4/c/1-10aef6e.png" border="0" alt="{L_PROFILE}" /><font color="#FFFFFF"> - Profil</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- END switch_user_logged_in --><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/a/5/a/1-10aefa4.png" border="0" alt="{L_MEMBERLIST}" /><font color="#FFFFFF"> - Liste des Guerriers</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/c/b/c/1-10aef89.png" border="0" alt="{L_USERGROUPS}" /><font color="#FFFFFF"> - Groupes</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_SEARCH}" class="mainmenu"><img src="http://img4.xooimage.com/files/a/4/b/1-10aefae.png" border="0" alt="{L_SEARCH}" /><font color="#FFFFFF"> - Rechercher</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/d/c/1-10aef0c.png" border="0" alt="{L_REGISTER}" /><font color="#FFFFFF"> - S'inscrire</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <!-- END switch_user_logged_out --><a href="{U_PRIVATEMSGS}" class="mainmenu"><!-- BEGIN switch_user_logged_in --><!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ELSE --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ENDIF --><!-- END switch_user_logged_in --><!-- BEGIN switch_user_logged_out --><img src="http://img8.xooimage.com/files/5/a/d/1-10aef7f.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- END switch_user_logged_out --><font color="#FFFFFF"> - Messagerie Privée</font></a> <img src="http://img22.xooimage.com/files/2/0/c/a-118753a.png" border="0"> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><!-- BEGIN switch_user_logged_out --><img src="http://img6.xooimage.com/files/0/8/9/1-10aef5f.png" border="0" alt="{L_LOGIN_LOGOUT}" /><font color="#FFFFFF"> - Connexion</font><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="http://img6.xooimage.com/files/0/8/9/1-10aef5f.png" border="0" alt="{L_LOGIN_LOGOUT}" /><font color="#FFFFFF"> - Déconnexion</font><!-- END switch_user_logged_in --></a> </td>
                           </tr>
                            </table></div>

    </div>
          <br />
    <body><!-- DEBUT DU SCRIPT -->
    <!--
    SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    http://www.editeurjavascript.com
    -->
    <script language=JavaScript>
    for (i=0;i<=message.length-1;i++) {
        document.write("<DIV id=span"+i+" class=spanstyle>")
       document.write(message[i])
        document.write("</DIV>")
    }

    if (document.getElementById)
       {
       if(navigator.appName.substring(0,3) == "Net")
          document.captureEvents(Event.MOUSEMOVE);
       document.onmousemove = handlerMM;
       }

    window.onload = makesnake;
    </script>
    <!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/mycircle/">echange de lien</a></noscript></body>

_______________________


Forum
Author Message
l0lmanPH
Membre


Offline
Membre

Joined: 14 Dec 2008
Posts: 45
Niveau:
Point(s): 45
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Capricorne (22déc-19jan) 鼠 Rat

PostPosted: Wed 5 Aug 2009 - 20:09    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Super ça marche !
_______________________

Metroid Prime : Némésis, fangame de la suite du célèbre Metroid Prime 3 : Corruption.


Forum
Author Message
patricia


Offline
Guest




PostPosted: Sun 4 Oct 2009 - 15:57    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour
voilà je voudrais bien savoir comment je peut faire pour mettre un font avec des feuille qui tombe sur mes rubrique
quand je fait nouveau message
ou répondre aux message
pourriez- vous svp me l'expliquer
je vous remercie
je sais que je doit aller dans modifier les templat
mais ou là je ne sais pas
merci beaucoup a vous de me le dire
bonne journée
patricia


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 4 Oct 2009 - 18:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

prend le premier code du tuto

tu changes le liend e l'image par celle que tu veux et tu l'ajoutes dans panneau admin
thème
modifier les templates
posting body au début
_______________________


Forum
Author Message
patricia


Offline
Guest




PostPosted: Sun 4 Oct 2009 - 18:14    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

merci beaucoup
es ce que je peut faire copier coller
quand je voie que quelque chose m'intèresse et le mette dans ma rubrique personnel
pour avoir les explication des truc qui m'intèresse


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 4 Oct 2009 - 18:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

oui tu peux copier le code et le coller sur ton forum comme indiqué
_______________________


Forum
Author Message
patricia


Offline
Guest




PostPosted: Sun 4 Oct 2009 - 18:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

merci beaucoup
d'accepter que je fase copier coller pour des bon conseil
bonne soirée

j'ai un autre problème
dans paneau de l'admin quand je vais dans mes ous forum et dans avancer tout défile je ne sais rien faire
que dois je faire pour aranger ce problème là svp


Author Message
nougat45520
Membre


Offline
Membre

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

PostPosted: Thu 15 Oct 2009 - 14:55    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

j'ai tout testé et ça marche

la j'ai choisi les citrouilles

on me demande de faire tomber des sorcières en vu d'halloween,j'ai essayé différents gif mais ça ne donne rien de bon
j'ai réduit les images mais ça ne fait rien de bien



d'avance merci

ps : pourrait on faire la meme chose avec des pères noels,car je sens qu'on va me le demander au moment venu

le lien de mon forum : http://liberte.clicforum.fr/index.php
_______________________
http://liberte-cherie.xooit.fr/


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

Forum
Author Message
nougat45520
Membre


Offline
Membre

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

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

bonjour

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

je me serai servi de ce script


<script language="JavaScript1.2"> 
 
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) 
//Adapté et modifié par grenadine.net 
//Visiter le site original http://www.dynamicdrive.com pour le script Automn leaves 
 
//Série d'images 
grphcs=new Array(6) 
Image0=new Image(); 
Image0.src=grphcs[0]="http://img.xooimage.com/files4/1/9/f/flocon_neige1-ac484.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://img.xooimage.com/files46/9/7/c/flocon_neige2-85007b.gif" 
Image2=new Image(); 
Image2.src=grphcs[2]="http://img.xooimage.com/files44/4/3/2/flocon_neige3-85009c.gif" 
Image3=new Image(); 
Image3.src=grphcs[3]="http://img.xooimage.com/files41/1/0/9/flocon_neige4-850151.gif" 
Image4=new Image(); 
Image4.src=grphcs[4]="http://img.xooimage.com/files45/d/c/c/flocon_neige5-85016c.gif" 
Image5=new Image(); 
Image5.src=grphcs[5]="http://img.xooimage.com/files46/f/1/4/flocon_neige6-850179.gif"  
 
Amount=12; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre 
Ypos=new Array(); 
Xpos=new Array(); 
Speed=new Array(); 
Step=new Array(); 
Cstep=new Array(); 
ns=(document.layers)?1:0; 
ns6=(document.getElementById&&!document.all)?1:0; 
 
if (ns){ 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); 


else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 

document.write('

'); 

WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
for (i=0; i < Amount; i++){                                                                 
 Ypos[i] = Math.round(Math.random()*WinHeight); 
 Xpos[i] = Math.round(Math.random()*WinWidth); 
 Speed[i]= Math.random()*5+3; 
 Cstep[i]=0; 
 Step[i]=Math.random()*0.1+0.05; 

function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; 
Xpos[i]+=sx;  
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60; 
Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*5+3; 

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

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

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

setTimeout('fall()',20); 

 
window.onload=fall 
//--> 
</script>
_______________________
http://liberte-cherie.xooit.fr/


Forum
Author Message
Contenu Sponsorisé





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

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