It is currently Mon 26 Sep 2016 - 02:13 - 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, 326, 27, 2847, 48, 49  >

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


Joined: 07 Feb 2008
Posts: 16

PostPosted: Fri 26 Dec 2008 - 19:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

Je trouve pas ça on dirait.
Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 19:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Pouvez vous poster ici votre template overall header.tpl complet entre les balises code ?
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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

ici


Code: Sélectionner - Agrandir

<html>
<body>
<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 neige
//Série d'images
grphcs=new Array(5)
Image0=new Image();
Image0.src=grphcs[0]="http://img40.xooimage.com/files/2/3/0/flocon_neige1-86e7ae.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img42.xooimage.com/files/5/d/9/flocon_neige2-855400.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img42.xooimage.com/files/5/d/9/flocon_neige2-855400.gif"
Image3=new Image();
Image2.src=grphcs[3]="http://img42.xooimage.com/files/5/d/9/flocon_neige2-855400.gif"
Image4=new Image();
Image2.src=grphcs[4]="http://img42.xooimage.com/files/5/d/9/flocon_neige2-855400.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];
}
YwzTimeout('fall()',20);
}
window.YwzYff=fall
//-->
</script>
<!-- ]]>"')}*/ //--><!--</script>--><!--//--><script type="text/javascript" src="http://img9.xooimage.com/files/7/b/0/common-90cb43.js?2_20081210"></script></head>
</body>
</html>
<!-- FIN DU SCRIPT -->
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="alternate" type="application/rss+xml" title="Global" href="/rss.php" /><link rel="alternate" type="application/rss+xml" title="Global, sujets et réponses" href="/rss.php?t=1" /><meta name="language" content="fr"><meta name="description" lang="fr" content="Un forum de discussions générales"><meta name="keywords" lang="fr" content="l'ile, la taverne, le café, les naufragés,"><link rel="search" title="L'Archipel des Naufragés" type="application/opensearchdescription+xml" href="/opensearchdescription.php">
<link rel="top" href="./index.php" title="L'Archipel des Naufragés Index du Forum" ><link rel="search" href="./search.php" title="Rechercher" ><link rel="help" href="./faq.php" title="FAQ" ><link rel="author" href="./memberlist.php" title="Membres" >

Code: Sélectionner - Agrandir

<title>L'Archipel des Naufragés :: Un forum de discussions générales</title>
<!-- link rel="stylesheet" href="http://img5.xooimage.com/files/e/e/5/darkages-86ebc2.css" type="text/css" -->
<style type="text/css">
<!--
body {
background-image:url(http://img3.xooimage.com/files/f/e/7/fondrougecorrige-83840c.jpg); background-attachment: fixed;
scrollbar-face-color: #273a14;
scrollbar-highlight-color: #273a14;
scrollbar-shadow-color: #3c5721;
scrollbar-3dlight-color: #273a14;
scrollbar-arrow-color: #e4ca97;
scrollbar-track-color: #eedab2;
scrollbar-darkshadow-color: #e4ca97;
}
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #eedab2; }
a:hover { text-decoration: none; color : #910101; }
hr { height: 0px; border: solid #273a14 0px; border-top-width: 1px;}
.bodyline {background-color: none; border: 1px #e4ca97 double; }
.forumline { background-color: #273a14; border: 1px # solid; }
td.row1 {
background-color: #3c5721; }
td.row2 {
background-color: #3c5721; }
td.row3 { background-color: #273a14; }
td.rowpic {
background-color: #273a14;
background-image: url(http://img1.xooimage.com/files/5/a/4/spacer-26e141.gif);
background-repeat: repeat-y;
}
th {
color: #eedab2; font-size: 14px; font-weight : solid;
background-color: #eedab2; height: 25px;
background-image: url(http://img3.xooimage.com/files/c/8/6/cellpic3-80e5a2.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(background-image: url(http://img1.xooimage.com/files/a/5/e/cellpic3-80e1b9.jpg);
background-color:#273a14; border: #eedab2; border-style: none; height: 28px;
}
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: #273a14; border-style: none; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #273a14; border: #eedab2; border-style: solid;
}
th.thHead,td.catHead { font-size: 16px; 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; }
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Verdana, Arial, Helvetica, sans-serif",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #eedab2;
}
.gen { font-size : 16px; }
.genmed { font-size : 14px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #eedab2; }
a.gen,a.genmed,a.gensmall { color: #eedab2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #910101; text-decoration: underline; }
.mainmenu { font-size : 0px; color : #eedab2 }
a.mainmenu { color : #eedab2; }
a.mainmenu:hover{ text-decoration: none; color : #910101; }
.cattitle { font-weight: bold; font-size: 16px ; letter-spacing: 1px; color : #eedab2}
a.cattitle { text-decoration: none; color : #eedab2; }
a.cattitle:hover{ text-decoration: none; }
.forumlink { font-weight: bold; font-size: 16px; color : #eedab2; }
a.forumlink { text-decoration: none; color : #eedab2; }
a.forumlink:hover{ text-decoration: none; color : #910101; }
.nav { font-weight: bold; font-size: 16px; color : #eedab2;}
a.nav { text-decoration: none; color : #eedab2; }
a.nav:hover { text-decoration: none; }
.topictitle,h1,h2 { font-weight: bold; font-size: 14px; color : #eedab2; }
a.topictitle:link { text-decoration: none; color : #eedab2; }
a.topictitle:visited { text-decoration: none; color : #eedab2; }
a.topictitle:hover { text-decoration: nonee; color : #910101; }
.name { font-size : 14px; color : #eedab2;}
.postdetails { font-size : 12px; color : #eedab2; }
.postbody { font-size : 16px; line-height: 18px}
a.postlink:link { text-decoration: underline; color : #eedab2 }
a.postlink:visited { text-decoration: none; color : #eedab2; }
a.postlink:hover { text-decoration: underline; color : #910101}
.code {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2F2703;
background-color: #690f10; border: #273a14; border-style: inset;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px;
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #eedab2; line-height: 125%;
background-color: #690f10; border: #273a14; border-style: inset;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px;
}
.copyright { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #eedab2; letter-spacing: -1px;}
a.copyright { color: #eedab2; text-decoration: none;}
a.copyright:hover { color: #eedab2; text-decoration: underline;}
input,textarea, select {
color : #eedab2;
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
border-color : #eedab2;
}
input.post, textarea.post, select {
background-color : #273a14;
}
input { text-indent : 2px; }
input.button {
background-color : #3c5721;
color : #eedab2;
font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.mainoption {
background-color : #690f10;
font-weight : bold;
}
input.liteoption {
background-color : #690f10;
font-weight : normal;
}
.helpline { background-color: #3c5721; border-style: none; }
@import url("http://img8.xooimage.com/files/e/7/3/formie-4c8297.css");
.quote IMG {
display:none;
}
-->
</style>

</head>
<body bgcolor="#690f10" text="#eedab2" link="#eedab2" vlink="#eedab2">



_______________________


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 19:38    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bon je viens de mettre les codes que vous le disiez mais mon forum s'est élargi par exemple.  Je vais devoir corriger ça.

Est-ce que ça semble correct??


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 19:39    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Non toujours pas
C'est pour cela que je vous demandais de poster ici votre template
Ce sera plus simple Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 19:42    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oufff je viens de l'effacer pour entrer le vôtre mais je dois avoir une copie en quelque part.

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

sinon fais panneau admin
thème
thème de test
installes le même thème et copies le overall header du test
_______________________


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 19:47    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bon j'ai tout perdu dans le thème normal, mais j'avais une copie pour le jour de l'an.  Voici un peu plus bas.

Last edited by Jackie on Fri 26 Dec 2008 - 19:52; edited 1 time in total
Forum
Author Message
RJC


Offline
Guest




PostPosted: Fri 26 Dec 2008 - 19:49    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Yskander wrote:
Pouvez vous poster ici votre template overall header.tpl complet entre les balises code ?


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

pour mettre un template ici il faut le faire comme ça

http://xooit.xooit.com/t40996-Poster-le-contenu-d-un-template.htm
_______________________


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 19:51    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Code: Sélectionner - Agrandir
<html> 
<body> 
<head>
  <script language="JavaScript1.2">

//Autumn leaves- by Kurt Grigg ([url=mailto:kurt.grigg@virgin.net]kurt.grigg@virgin.net[/url])
//Adapté et modifié par grenadine.net
//Visiter le site original http://www.dynamicdrive.com pour le script neige
//Série d'images
grphcs=new Array(3)
Image0=new Image();
Image0.src=grphcs[0]="http://img5.xooimage.com/files/c/f/d/confettis-964bf5.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img41.xooimage.com/files/8/b/e/feu1-9620d6.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img3.xooimage.com/files/7/6/f/ballon3-29644c.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];
}
YwzTimeout('fall()',20);
}
window.YwzYff=fall
//-->
</script>

</head> 
</body> 
</html> 
<!-- FIN DU SCRIPT --> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img3.xooimage.com/files/0/c/8/darkages-951b43.css" type="text/css" -->
<style type="text/css">
<!--
/*
  darkages Theme for phpBB version 2+
  designed by larme d'ange
  http://artlineaire.free.fr/larmestyles
  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://img3.xooimage.com/files/d/d/4/i_background-8706be.gif); background-attachment: fixed;
        scrollbar-face-color: {T_TD_COLOR2};
        scrollbar-highlight-color: {T_TD_COLOR2};
        scrollbar-shadow-color: {T_TR_COLOR2};
        scrollbar-3dlight-color: {T_TR_COLOR3};
        scrollbar-arrow-color: {T_TH_COLOR1};
        scrollbar-track-color: {T_BODY_LINK};
        scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover                { text-decoration: 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: none; border: 2px #473214 solid; }
/* This is the outline round the main forum tables */
.forumline        { background-color: {T_TD_COLOR2}; border: 2px #473214; solid; }
/* Main table cell colours and backgrounds */
td.row1        {
background-color: #533e29; }
td.row2        {
background-color: {T_TR_COLOR2}; }
td.row3        {  background-color: {T_TR_COLOR3};
background-image: url (http://img7.xooimage.com/files/0/7/2/back_titre_brune-961ecd.jpg);}
/*
  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://img1.xooimage.com/files/5/a/4/spacer-26e141.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://img7.xooimage.com/files/0/7/2/back_titre_brune-961ecd.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                        background-image: url(http://img1.xooimage.com/files/5/a/4/spacer-26e141.gif);
                        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 : 0px; color : {T_BODY_TEXT} }
a.mainmenu                {  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_FONTSIZE3}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: nonee; 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: underline; 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_FONTCOLOR2}; 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_FONTSIZE3}px {T_FONTFACE1};
        border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select { 
        background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
        background-color : {T_TR_COLOR1};
        color : {T_BODY_TEXT};
        font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
        background-color : {T_TD_COLOR1};
        font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
        background-color : {T_TD_COLOR1};
        font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line.
*/
.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");
.quote IMG {
display:none;
}

-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
        if ( {PRIVATE_MESSAGE_NEW_FLAG} )
        {
                window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
        }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script type="text/javascript">
 /* Modifiez 530 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 575;
 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);
  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;
  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }
  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });
  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
<a name="top"></a>
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
                <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
                        <tr>
                                <td valign="top" align="center"><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/3/b/6/nouvel_an3-961fff.jpg" border="0" alt="{L_INDEX}" vspace="3" /></a></td>
        </tr>
        <tr>
                                <td align="center" width="100%" valign="middle">
                                <table cellspacing="0" cellpadding="0" border="0">
                                        <tr>
                                                <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/e/e/5/forum-93d46f.gif" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/4/9/b/faq-93d4d4.gif" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/b/d/search-93d52e.gif" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/e/c/enregistrer-93d8ea.gif" border="0" alt="{L_REGISTER}" hspace="0" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/4/6/f/loggin-93d75b.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/e/e/5/forum-93d46f.gif" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/4/9/b/faq-93d4d4.gif" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/b/d/search-93d52e.gif" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/3/7/c/membres-93d582.gif" border="0" alt="{L_MEMBERLIST}" hspace="0" vspace="22" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/9/3/groupe-93d5b7.gif" border="0" alt="{L_USERGROUPS}" hspace="0" vspace="22" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img5.xooimage.com/files/8/d/5/profil-93d60f.gif" border="0" alt="{L_PROFILE}" hspace="0" vspace="22" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/2/d/f/logout-93d7a8.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_in -->
                                        </span></td></tr>
                                </table></td>
                        </tr>
                </table>
    
                <br />
 


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 19:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img3.xooimage.com/files/0/c/8/darkages-951b43.css" type="text/css" -->
<style type="text/css">
<!--
/*
  darkages Theme for phpBB version 2+
  designed by larme d'ange
  http://artlineaire.free.fr/larmestyles
  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://img3.xooimage.com/files/d/d/4/i_background-8706be.gif); background-attachment: fixed;
        scrollbar-face-color: {T_TD_COLOR2};
        scrollbar-highlight-color: {T_TD_COLOR2};
        scrollbar-shadow-color: {T_TR_COLOR2};
        scrollbar-3dlight-color: {T_TR_COLOR3};
        scrollbar-arrow-color: {T_TH_COLOR1};
        scrollbar-track-color: {T_BODY_LINK};
        scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover                { text-decoration: 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: none; border: 2px #473214 solid; }
/* This is the outline round the main forum tables */
.forumline        { background-color: {T_TD_COLOR2}; border: 2px #473214; solid; }
/* Main table cell colours and backgrounds */
td.row1        { 
background-color: #533e29; }
td.row2        {
background-color: {T_TR_COLOR2}; }
td.row3        {  background-color: {T_TR_COLOR3}; 
background-image: url (http://img7.xooimage.com/files/0/7/2/back_titre_brune-961ecd.jpg);}
/*
  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://img1.xooimage.com/files/5/a/4/spacer-26e141.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://img7.xooimage.com/files/0/7/2/back_titre_brune-961ecd.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                        background-image: url(http://img1.xooimage.com/files/5/a/4/spacer-26e141.gif);
                        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 : 0px; color : {T_BODY_TEXT} }
a.mainmenu                {  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_FONTSIZE3}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: nonee; 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: underline; 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_FONTCOLOR2}; 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_FONTSIZE3}px {T_FONTFACE1};
        border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {  
        background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
        background-color : {T_TR_COLOR1};
        color : {T_BODY_TEXT};
        font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
        background-color : {T_TD_COLOR1};
        font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
        background-color : {T_TD_COLOR1};
        font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. 
*/
.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");
.quote IMG { 
display:none; 

 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
        if ( {PRIVATE_MESSAGE_NEW_FLAG} )
        {
                window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
        }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script type="text/javascript"> 
 /* Modifiez 530 ici par la largeur maximum que vous voulez 
  */ 
 MAX_IMG_WIDTH = 575; 
 function resizedImgClick(event) { 
  event = (event || window.event); 
  var img = Event.element(event); 
  // L'image est dans un lien, on laisse le lien s'ouvrir 
  if (img.up('a')) return; 
  // L'image taille réelle est actuellement affichée, on la ferme 
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) { 
   fullImg.parentNode.removeChild(fullImg); 
   Event.stop(event); 
   return false; 
  } 
  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle 
  $('img.resizedImgFull').each(function(elem) { 
   elem.parentNode.removeChild(elem); 
  }); 
  // On affiche l'image taille réelle 
  var elem = $cE('img'); 
  elem.src=img.src; 
  elem.setStyle({ 
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer' 
  }); 
  elem.addClassName('resizedImgFull'); 
  elem.onclick=resizedImgClose; 
  document.body.appendChild(elem); 
  Event.stop(event); 
  return false; 
 } 
 function resizedImgClose(event) { 
  event = (event || window.event); 
  var img = Event.element(event); 
  img.parentNode.removeChild(img); 
  Event.stop(event); 
  return false; 
 } 
 function imgsize(maxwidth) { 
  $$('.postbody img').each(function(img) { 
   if (img.width <= maxwidth) return; 
   img.width=maxwidth; 
   img.style['cursor']='pointer'; 
   img.onclick=resizedImgClick; 
  }); 
 } 
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);}); 
</script> 



 <script language="JavaScript1.2">
 
//Autumn leaves- by Kurt Grigg ([url=mailto:kurt.grigg@virgin.net]kurt.grigg@virgin.net[/url])
//Adapté et modifié par grenadine.net
//Visiter le site original http://www.dynamicdrive.com pour le script neige
//Série d'images
grphcs=new Array(3)
Image0=new Image();
Image0.src=grphcs[0]="http://img5.xooimage.com/files/c/f/d/confettis-964bf5.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img41.xooimage.com/files/8/b/e/feu1-9620d6.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img3.xooimage.com/files/7/6/f/ballon3-29644c.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];
}
YwzTimeout('fall()',20);
}
window.YwzYff=fall
//-->
</script>
<a name="top"></a>
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
                <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
                        <tr>
                                <td valign="top" align="center"><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/3/b/6/nouvel_an3-961fff.jpg" border="0" alt="{L_INDEX}" vspace="3" /></a></td>
        </tr>
        <tr>
                                <td align="center" width="100%" valign="middle">
                                <table cellspacing="0" cellpadding="0" border="0">
                                        <tr>
                                                <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/e/e/5/forum-93d46f.gif" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/4/9/b/faq-93d4d4.gif" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/b/d/search-93d52e.gif" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/e/c/enregistrer-93d8ea.gif" border="0" alt="{L_REGISTER}" hspace="0" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/4/6/f/loggin-93d75b.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/e/e/5/forum-93d46f.gif" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/4/9/b/faq-93d4d4.gif" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/b/d/search-93d52e.gif" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/3/7/c/membres-93d582.gif" border="0" alt="{L_MEMBERLIST}" hspace="0" vspace="22" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/9/3/groupe-93d5b7.gif" border="0" alt="{L_USERGROUPS}" hspace="0" vspace="22" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img5.xooimage.com/files/8/d/5/profil-93d60f.gif" border="0" alt="{L_PROFILE}" hspace="0" vspace="22" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/2/d/f/logout-93d7a8.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_in -->
                                        </span></td></tr>
                                </table></td>
                        </tr>
                </table>
    
                <br />
 
Mettez çà Wink à la place
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 19:57    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai remis comme indiqué.  Voici l'adresse http://larchipel.xooit.com/index.php?theme=test

Est-ce que ça semble correct maintenant???


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 19:59    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Sur le lien que vous donnez vous n'avez pas remplacez l'overall header comme expliqué Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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

si tu veux que ce soit visible sur ton forum fais le en thème normal aussi et pas en thème de test
_______________________


Forum
Author Message
Jackie
Membre


Offline
Membre

Joined: 07 Feb 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Scorpion (23oct-21nov) 蛇 Serpent

PostPosted: Fri 26 Dec 2008 - 20:00    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bien j'ai pris le code que vous venez de me donner?

Forum
Author Message
Contenu Sponsorisé





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

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