It is currently Fri 30 Sep 2016 - 17:10 - 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, 340, 41, 4247, 48, 49  >

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





PostPosted: Sun 20 Dec 2009 - 15:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

Je vois cela^^
Moi j'ai changé la bannière et j'ai rajouté une musique de noël sur mon fofo
Mais j'aime bien l'idée des flocon =(
Author Message
Arspark


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 15:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Je vous déconseille la version 2 elle lag beaucoup trop ! si toute fois vous voulez essayer, il faut prendre le code de Lila en page 2 car celui du tuto ne fonctionne pas  !! J'ai réussi avec la version 3, dans overall_header.tpl Copier coller ceci, après votre balise body ( elle se trouve plutôt vers la fin), pour etre clair copier coller entre ces deux ligne  :

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
=> ICI <=
<a name="top" id="top">[/url]

Voici le code, (j'ai mis mes propres images...)

 <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://img138.imageshack.us/img138/658/66432458.png";
    Image1=new Image();
    Image1.src=grphcs[1]="http://img138.imageshack.us/img138/7171/61386339.png"
    Image2=new Image();
    Image2.src=grphcs[2]="http://img130.imageshack.us/img130/420/11450207.png"
    Image3=new Image();
    Image3.src=grphcs[3]="http://img526.imageshack.us/img526/6229/41494574.png"
    Image4=new Image();
    Image4.src=grphcs[4]="http://img109.imageshack.us/img109/1887/83471194.png"
    Image5=new Image();
    Image5.src=grphcs[5]="http://img213.imageshack.us/img213/8641/14337737.png"
    Image6=new Image();
    Image6.src=grphcs[6]="http://img526.imageshack.us/img526/1502/60528180.png"
    Image7=new Image();
    Image7.src=grphcs[7]="http://img14.imageshack.us/img14/7973/63957183.png"

    Amount=21; //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>
</LAYER>");
    }
    }
    else{
    document.write('

');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('
');
    }
    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 = Math.round(Math.random()*WinHeight);
     Xpos = Math.round(Math.random()*WinWidth);
     Speed= Math.random()*5+3;
     Cstep=0;
     Step=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*Math.sin(90*Math.PI/180);
    sx = Speed*Math.cos(Cstep);
    Ypos+=sy;
    Xpos+=sx; 
    if (Ypos > WinHeight){
    Ypos=-60;
    Xpos=Math.round(Math.random()*WinWidth);
    Speed=Math.random()*5+3;
    }
    if (ns){
    document.layers['sn'+i].left=Xpos;
    document.layers['sn'+i].top=Ypos+hscrll;
    }
    else if (ns6){
    document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos);
    document.getElementById("si"+i).style.top=Ypos+hscrll;
    }
    else{
    eval("document.all.si"+i).style.left=Xpos;
    eval("document.all.si"+i).style.top=Ypos+hscrll;
    } 
    Cstep+=Step;
    }
    setTimeout('fall()',20);
    }
    
    window.onload=fall
    //-->
    </script>


Author Message
flambiii


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 15:37    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour,

Déjà merci d'avoir répondu je désespérais. Mais J'ai vraiment la pouasse, ça ne marche pas.

Quel est le pb ? :

 
Code: Sélectionner - Agrandir

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    lang="en"
    xml:lang="en">

<head>

<meta http-equiv="Content-Type"
    content="text/html;
    charset={S_CONTENT_ENCODING}" />

<meta http-equiv="imagetoolbar"
    content="no" />

<link rel="icon"
    href="http://img4.xooimage.com/files/f/a/favicon-30fcc.ico" />

<link rel="stylesheet"
    href="http://img6.xooimage.com/files/n/b/nb2-a8a4f.css" type="text/css" />

<script type="text/javascript"
    src="http://img6.xooimage.com/files/n/b/nb2-a8a50.js"></script>

<script type="text/javascript"
    src="http://img6.xooimage.com/files/p/r/prototype-a8991.js"></script>
   
<script type="text/javascript"
    src="http://img.xooimage.com/files/"></script>
   
<script type="text/javascript"
    src="http://img2.xooimage.com/files/l/i/lightbox-a8a51.js"></script>
   
<link rel="stylesheet"
    href="http://img8.xooimage.com/files/l/i/lightbox-a8994.css" type="text/css" media="screen" />

{META}
{NAV_LINKS}

<title>{SITENAME} ~ {PAGE_TITLE}</title>

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



<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://img138.imageshack.us/img138/658/66432458.png";
    Image1=new Image();
    Image1.src=grphcs[1]="http://img138.imageshack.us/img138/7171/61386339.png"
    Image2=new Image();
    Image2.src=grphcs[2]="http://img130.imageshack.us/img130/420/11450207.png"
    Image3=new Image();
    Image3.src=grphcs[3]="http://img526.imageshack.us/img526/6229/41494574.png"
    Image4=new Image();
    Image4.src=grphcs[4]="http://img109.imageshack.us/img109/1887/83471194.png"
    Image5=new Image();
    Image5.src=grphcs[5]="http://img213.imageshack.us/img213/8641/14337737.png"
    Image6=new Image();
    Image6.src=grphcs[6]="http://img526.imageshack.us/img526/1502/60528180.png"
    Image7=new Image();
    Image7.src=grphcs[7]="http://img14.imageshack.us/img14/7973/63957183.png"

    Amount=21; //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></LAYER>");
    }
    }
    else{
    document.write('

');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('');
    }
    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 = Math.round(Math.random()*WinHeight);
     Xpos = Math.round(Math.random()*WinWidth);
     Speed= Math.random()*5+3;
     Cstep=0;
     Step=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*Math.sin(90*Math.PI/180);
    sx = Speed*Math.cos(Cstep);
    Ypos+=sy;
    Xpos+=sx;
    if (Ypos > WinHeight){
    Ypos=-60;
    Xpos=Math.round(Math.random()*WinWidth);
    Speed=Math.random()*5+3;
    }
    if (ns){
    document.layers['sn'+i].left=Xpos;
    document.layers['sn'+i].top=Ypos+hscrll;
    }
    else if (ns6){
    document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos);
    document.getElementById("si"+i).style.top=Ypos+hscrll;
    }
    else{
    eval("document.all.si"+i).style.left=Xpos;
    eval("document.all.si"+i).style.top=Ypos+hscrll;
    }
    Cstep+=Step;
    }
    setTimeout('fall()',20);
    }
   
    window.onload=fall
    //-->
    </script>































<body onload="onLoadFunction()">

<a id="top"></a>

<table cellspacing="0" id="forum">
    <tr>
        <td>&nbsp;</td>
        <td id="bodyline">

        <div id="top_image">
            <a href="{U_INDEX}"><img src="http://img8.xooimage.com/files/b/4/1/bani-re-noel-169de20.jpg" alt="{L_INDEX}" /></a>
        </div>

    <div class="menu1">
        <div class="left mainmenu">
            <a href="{U_FAQ}">{L_FAQ}</a>
            &nbsp;
            <a href="{U_SEARCH}">{L_SEARCH}</a>
            &nbsp;
            <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
            &nbsp;
            <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
            &nbsp;
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_PROFILE}">{L_PROFILE}</a>
            &nbsp;
            <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
            <!-- END switch_user_logged_in -->
        </div>
        <div class="right mainmenu">
            <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
            <!-- BEGIN switch_user_logged_out -->
            &nbsp;
            <a href="{U_REGISTER}">{L_REGISTER}</a>
            <!-- END switch_user_logged_out -->
        </div>
    </div>


    <div class="clear"></div>


    <div class="menu2">
        <div class="left mainmenu">
            <div id="loadingLayer">
                Loading..
            </div>
        </div>
        <div class="right mainmenu">
            <!-- BEGIN switch_user_logged_in -->
            {PAGE_TITLE}
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
            <form method="post" action="{S_LOGIN_ACTION}">
            {L_USERNAME}: <input class="post postsmall" type="text" name="username" />&nbsp;
            {L_PASSWORD}: <input class="post postsmall" type="password" name="password" maxlength="32" />
            <input name="autologin" type="hidden" value="1" /><input type="submit" class="button" name="login" value="{L_LOGIN}" />
            </form>
            <!-- END switch_user_logged_out -->
        </div>
    </div>


    <div class="clear"></div> 


Author Message
mama02


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 16:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour Very Happy ,

Je voudrais changer l'image des flocons et la rapidité dans la version 3.
Comment dois-je faire ? svp


Author Message
jean-pierre83


Offline
Guest




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

re, idem aussi comme misuqe tu as quoi??
et comme lecteur??
cordialement


Author Message
Max_P


Offline
Guest




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

mama02 wrote:
Bonjour Very Happy ,

Je voudrais changer l'image des flocons et la rapidité dans la version 3.
Comment dois-je faire ? svp


Pour changer l'image des flocons tu dois remplacer l'url par celle de ton image voulue ( au début du code )
Quant à la vitesse , je ne pense pas que c'est faisable , tente de changer quelques valeurs et vois le résultat Smile
__________
jean-pierre83 wrote:
re, idem aussi comme misuqe tu as quoi??
et comme lecteur??
cordialement

????


Author Message
mama02


Offline
Guest




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

C'est bon ça fonctionne ^^, merci Smile

Author Message
Annemarie
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 232
Niveau:
Point(s): 209
Moyenne: 0.90
Windows Vista ou 7 Autre Féminin Verseau (20jan-19fev)

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

bonsoir....
 comme il me faut beaucoup d'explications Sad je me lance
^pour la version 3 il est dit de recopier dnas l'overall header après la balise body 
c'est quoi cette balise... je ne vois pas du tout ou elle est
mon forum http://potesdesarrebruck.xooit.fr
_______________________
http://potesdesarrebruck.xooit.fr/index.php
http://les-familles-brienne.xooit.fr/index.php


Forum
Author Message
Max_P


Offline
Guest




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

Tous les forums en ont un , cherche bien Smile



Author Message
Annemarie
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 232
Niveau:
Point(s): 209
Moyenne: 0.90
Windows Vista ou 7 Autre Féminin Verseau (20jan-19fev)

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

merci, ça je l'avais vu, 
ce que je ne sais pas c'est où le mettre dans le overall header, je ne vois pas cette balise... la balise body :
et si je recopie à la fin, ça ne marche pas
_______________________
http://potesdesarrebruck.xooit.fr/index.php
http://les-familles-brienne.xooit.fr/index.php


Forum
Author Message
Max_P


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 19:05    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Arspark wrote:

...avec la version 3, dans overall_header.tpl Copier coller ceci, après votre balise body ( elle se trouve plutôt vers la fin), pour etre clair copier coller entre ces deux ligne  :

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
=> ICI <=
<a name="top" id="top">[/url]
...



Ca devrait être cela.Si ce n'est pas le cas , cherche bien dans tout ton template ... Je ne peux pas le faire à ta place =)

Author Message
Annemarie
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 232
Niveau:
Point(s): 209
Moyenne: 0.90
Windows Vista ou 7 Autre Féminin Verseau (20jan-19fev)

PostPosted: Sun 20 Dec 2009 - 19:11    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

MERCI; c'était facile
MAIS
ça ,ne marche pas, sans doute parce que mon fond est trop clair.... ocre clair???
on ne voit rien du tout
_______________________
http://potesdesarrebruck.xooit.fr/index.php
http://les-familles-brienne.xooit.fr/index.php


Forum
Author Message
Max_P


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 19:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

A mon avis on devrait les voir , teste avec une quelconque image pour vérifier si c'est le cas.Si ca persiste , c'est que le code est mal placé ou est incorrecte  Sad

Author Message
Annemarie
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 232
Niveau:
Point(s): 209
Moyenne: 0.90
Windows Vista ou 7 Autre Féminin Verseau (20jan-19fev)

PostPosted: Sun 20 Dec 2009 - 19:31    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

en fait ça marche sur le thème de test, qui est un autre thème, mais pas sur celui là
je vais mettre un autre thème et essayer à nouveau


EDIT j' ai mis un autre thème clair, "hivers" et ça ne marche pas non plus
_______________________
http://potesdesarrebruck.xooit.fr/index.php
http://les-familles-brienne.xooit.fr/index.php


Forum
Author Message
Max_P


Offline
Guest




PostPosted: Sun 20 Dec 2009 - 19:47    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ton code et l'emplacement de celui-ci sont-ils identiques dans le theme de teste et le theme actuelle ? Si oui tout devrait fonctionner.

Author Message
Annemarie
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 232
Niveau:
Point(s): 209
Moyenne: 0.90
Windows Vista ou 7 Autre Féminin Verseau (20jan-19fev)

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

non, j'ai tout fait comme il faut, sur et certain
j'ai essayé sur un autre thème et ça marchait
mais pas sur celui ci ni non plus sur mon précédent
du coup j'ai renoncé jusqu'à ce que Noël soit passé...j'ai mis un thème de Noël avec des flocons
mais j'aimerai quand mm bien comprendre Sad
_______________________
http://potesdesarrebruck.xooit.fr/index.php
http://les-familles-brienne.xooit.fr/index.php


Forum
Author Message
Contenu Sponsorisé





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

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