It is currently Sat 1 Oct 2016 - 14:05 - 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, 327, 28, 2947, 48, 49  >

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


Joined: 07 Feb 2008
Posts: 16

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

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

Bien j'ai pris le code que vous venez de me donner?
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:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ah OK je fais ça tout de suite.

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

C'est fait http://larchipel.xooit.com/index.php

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

je vois un effet de pluie ou neige mais le code est toujours mal mis

tu copie bien le template donné et tu le colle à la place de l'autre puis envoyer
_______________________


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

Oui c'est ce que j'ai fait.  Mais là on est plus dans le thème noël mais celui du jour de l'an.

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

Bon là qu'est-ce que ça donne?  j'ai recopié encore.

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

Bon oubliez ça, j'ai encore modifié.  Ça vaut pas la peine si la moitié des membres ne voient pas.  Merci pour le temps consacré.

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

Pour ma part je vois bien la pluie d'image (feu d'artifice)
Smile
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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: Fri 2 Jan 2009 - 16:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

lali je ne sais pas ce que tu appelles "balises"

je te mets mon template


<!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://img.xooimage.com/files9/n/o/nollizua_noel-34ab1.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original nollizua_noel Theme for phpBB version 2+
  Created by Nollizua
  http://www.nollizua.com
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
  background-color: {T_TD_COLOR2};
  background-image: url(http://img.xooimage.com/files8/n/o/nollizua_noel2-34aaa.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 32px;
 background-image: url(http://img.xooimage.com/files/);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files/);
   background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it Smile
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
 background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop  { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
 font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 32px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 132%;
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : {T_BODY_TEXT};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR1};
 color : {T_BODY_TEXT};
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
 background-color : {T_TD_COLOR1};
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know Wink
*/
.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://img.xooimage.com/files7/f/o/formie-34aab.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
 if ( {PRIVATE_MESSAGE_NEW_FLAG} )
 {
  window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=232,resizable=yes,WIDTH=400');;
 }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" background="http://img.xooimage.com/files10/n/o/nollizua_noel_a-34ab2.gif">
<a name="top">[/url]

&nbsp;
<table width="95%" cellspacing="0" cellpadding="10" border="0" align="center"  style="border-width:2px; border-color:rgb(0,128,0); border-style:double;">
 <tr>
  <td class="bodyline" background="http://img.xooimage.com/files9/n/o/nollizua_noel_b-34ab3.gif"><table width="100%" cellspacing="0" cellpadding="0" border="0">
    <td>
</td>
    <td align="center" width="90%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
    <table cellspacing="0" cellpadding="2" border="0" align="center">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_FAQ}
</span><span class="mainmenu">&nbsp; &nbsp;
{L_SEARCH}
&nbsp; &nbsp;
{L_MEMBERLIST}
&nbsp; &nbsp;
{L_USERGROUPS}
&nbsp;
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;
{L_REGISTER}
</span>&nbsp;
      <!-- END switch_user_logged_out -->
      </td>
     </tr>
     <tr>
      <td height="32" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_PROFILE}
&nbsp; &nbsp;
{PRIVATE_MESSAGE_INFO}
&nbsp; &nbsp;
{L_LOGIN_LOGOUT}
&nbsp;</span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  

_______________________
http://liberte-cherie.xooit.fr/


Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 2 Jan 2009 - 16:24    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Tu choisie une image que tu heberges
ensuite tu installes le code 2 à la fin de ton template ( car il n'y est pas là? )
et tu n'oublie pas de mettre le lien de ton image dans ton code


Author Message
Sploutch
Membre


Offline
Membre

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

PostPosted: Fri 2 Jan 2009 - 19:36    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Salutation nougat45520
Quote:
lali je ne sais pas ce que tu appelles "balises"

Tu dois mettre ta template et/ou autre code entre ces balises la :
Code: Sélectionner - Agrandir
[code]ta template et/ou autre code ici[/code]

De cette façon ton code/template n'est pas faussé.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

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


Forum
Author Message
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: Fri 2 Jan 2009 - 19:42    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

merci a vous deux
_______________________
http://liberte-cherie.xooit.fr/


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: Tue 3 Feb 2009 - 06:45    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

C'est bientôt la Saint Valentin alors voilà quelques images pour l'occasion Smile

-
: http://img.xooimage.com/files40/8/6/8/868a4c89826e2a18e...000178aed-7ceb75.…

-
: http://img.xooimage.com/files26/1/b/5/1b5265946fd281959...caf2d30c8-ace888.…

-
: http://img.xooimage.com/files20/1/9/1/19154cb03e7af808f...6ab7e514b-ace88e.…

-
: http://img.xooimage.com/files7/8/9/0/coeur-rose-2ed63c.png

-
: http://img.xooimage.com/files1/4/0/2/coeurcoeur-236c2.gif

Et n'oubliez pas, comme dit Zezette : " Chaque pot à son couvercle" Old Mr Green
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Kuro


Offline
Guest




PostPosted: Fri 6 Feb 2009 - 16:28    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci pour se tuto 

Author Message
zellafée


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 17:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour, j'ai besoin d'aide car visiblement mon overall header.tpl n'est pas le meme que celui expliqué en premiere page.
Je suis nulle pour ses trucs là je comprend rien du tout. Je souhaite faire un joli theme pour la st valentin et je n'en ai trouver qu'un mais qui est tres moche et pas du tout romantique alors je voudrai le modifier. Pour faire tomber des coeurs je fais comment alors???

Overall header.tpl du theme de test:
<!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 NAME="copyright" Content="Design by http://www.phpbb-design.com">
{META}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files2/p/d/pdt_lovely-34e2e.css" type="text/css" />
<style type="text/css">
<!--
td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom { background-image: url(http://img.xooimage.com/files/) }
th { background-image: url(http://img.xooimage.com/files8/c/e/cellpic3-34e25.gif) }
td.rowpic { background-image: url(http://img.xooimage.com/files/); background-repeat: repeat-y }
-->
</style>
<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        lovely_14_over = newImage("http://img.xooimage.com/files5/l/o/lovely_14-over-34e30.gif");
        lovely_16_over = newImage("http://img.xooimage.com/files10/l/o/lovely_16-over-34e31.gif");
        lovely_18_over = newImage("http://img.xooimage.com/files10/l/o/lovely_18-over-34e32.gif");
        lovely_20_over = newImage("http://img.xooimage.com/files9/l/o/lovely_20-over-34e33.gif");
        preloadFlag = true;
    }
}

// -->
</SCRIPT>
<!-- 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}"   leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" ONLOAD="preloadImages();" >
<a name="top">[/url]

<table class="bodyline" width="75" height="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<td align="center" valign="top">
<!--======================== BEGIN COPYING THE HTML HERE ==========================-->

<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD COLSPAN=3 ROWSPAN=3>
           
</TD>
        <TD ROWSPAN=2>
           
</TD>
        <TD COLSPAN=3>
           
</TD>
        <TD COLSPAN=3 ROWSPAN=2>
           
</TD>
        <TD ROWSPAN=2>
           
</TD>
        <TD ROWSPAN=2>
           
</TD>
        <TD ROWSPAN=2>
           
</TD>
    </TR>
    <TR>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
    </TR>
    <TR>
        <TD COLSPAN=3>
           
</TD>
        <TD COLSPAN=5>
           
</TD>
        <TD COLSPAN=2>
           
</TD>
    </TR>
    <TR>
        <TD>
           
               
</TD>
        <TD>
           
</TD>
        <TD>
           
               
</TD>
        <TD>
           
</TD>
        <TD COLSPAN=4>
           
               
</TD>
        <TD>
           
</TD>
        <TD COLSPAN=4>
           
               
</TD>
    </TR>
    <TR>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
        <TD>
           
</TD>
    </TR>
</TABLE>

<!--========================= STOP COPYING THE HTML HERE =========================-->
<table width="100%" cellspacing="0" cellpadding="0" border="0" valign="bottom">
<td align="center" width="100%" valign="bottom">
<table cellspacing="0" cellpadding="0" border="0" valign="bottom">
</table>
</td>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8">
<td align="center" valign="top">


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

bonjour

il suffit de mettre ce code tout au début du template et de changer le liend e l'image par celle que tu veux voir tomber

 
Code: Sélectionner - Agrandir


<html> 
<body> 
<head> 
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript> 
/* 
Snow Effect Script 
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html) 
 
EDITE SUR L'EDITEUR JAVASCRIPT 
*/ 
 
  var snowsrc="URL DE L'IMAGE" 
  var no = 50; 
  var ns4up = (document.layers) ? 1 : 0; 
  var ie4up = (document.all) ? 1 : 0; 
  var nn6up = (document.getElementById) ? 1 : 0; 
  var dx, xp, yp; 
  var am, stx, sty; 
  var i, doc_width = 800, doc_height = 600; 
 
 if (ns4up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 
  } else if (ie4up) { 
    doc_width = document.body.clientWidth; 
    doc_height = document.body.clientHeight; 
} else if (nn6up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 

 
  dx = new Array(); 
  xp = new Array(); 
  yp = new Array(); 
  am = new Array(); 
  stx = new Array(); 
  sty = new Array(); 
 
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0; 
    xp[i] = Math.random()*(doc_width-50); 
    yp[i] = Math.random()*doc_height; 
    am[i] = Math.random()*20; 
    stx[i] = 0.02 + Math.random()/10; 
    sty[i] = 0.7 + Math.random(); 
    if (ns4up) { 
      if (i == 0) { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } else { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } 
    } else if (ie4up || nn6up) { 
 if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>"); 
      } else { 
 document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>"); 
      } 
    } 
  } 
 
  function snowNS() { 
    for (i = 0; i < no; ++ i) { 
      yp[i] += sty[i]; 
      if (yp[i] > doc_height-50) { 
        xp[i] = Math.random()*(doc_width-am[i]-30); 
        yp[i] = 0; 
        stx[i] = 0.02 + Math.random()/10; 
        sty[i] = 0.7 + Math.random(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.layers["dot"+i].top = yp[i]; 
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNS()", 10); 
  } 
 
  function snowIE() { 
    for (i = 0; i < no; ++ i) { 
      yp[i] += sty[i]; 
      if (yp[i] > doc_height-50) { 
        xp[i] = Math.random()*(doc_width-am[i]-30); 
        yp[i] = 0; 
        stx[i] = 0.02 + Math.random()/10; 
        sty[i] = 0.7 + Math.random(); 
        doc_width = document.body.clientWidth; 
        doc_height = document.body.clientHeight; 
      } 
      dx[i] += stx[i]; 
      document.all["dot"+i].style.pixelTop = yp[i]; 
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowIE()", 10); 
  } 
 
function snowNN6() { 
    for (i = 0; i < no; ++ i) { 
      yp[i] += sty[i]; 
      if (yp[i] > doc_height-50) { 
        xp[i] = Math.random()*(doc_width-am[i]-30); 
        yp[i] = 0; 
        stx[i] = 0.02 + Math.random()/10; 
        sty[i] = 0.7 + Math.random(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.getElementById("dot"+i).style.top = yp[i]; 
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNN6()", 10); 
  } 
  if (ns4up) { 
    snowNS(); 
  } else if (ie4up) { 
 snowIE(); 
  } else if (nn6up) { 
 snowNN6(); 
  } 
 
</SCRIPT> 
</head> 
</body> 
</html> 
<!-- FIN DU SCRIPT --> 

_______________________


Forum
Author Message
Contenu Sponsorisé





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

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