Personnalisation d'une page d'accueil (forum rpg HP)

Bonsoir

Je n'ai vu aucun formulaire, mais dans tous les cas j'espère que je suis dans la bonne section.
J'aimerai en effet personnaliser ma page d'accueil que vous trouverez pour l'instant sur mon forum test :
http://callypso-island.forumgratuit.org/
Voici ce que j'aimerai faire :
- Agrandir la partie actualité en augmentant la hauteur,
- Changer l'apparence de l'onglet staff (c'est plus là le problème). En effet, j'aimerai qu'au bout du compte qu'il n'y est que des images rectangulaires si je puis dire du staff personnalisé (avec le nom sur l'image, la fonction et les dc) tout en ayant un fonctionnalité de lien dessus et un défilement pour voir les autres membres du staff soit un défilement auto ou au clic. (je peux donner un exemple, même si je pense que mon message est compréhensible, si ce n'est pas le cas dites-le moi :)
Est-ce que l'un de vous pourrez m'aider ?
Je vous donne le code (c'est une page html) :

Code:

<!--                      - PA pour GwenM réalisée par cheshire cat -                      -->      <meta charset="utf-8" />   
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"> <style type="text/css"> 
/* MISE EN FORME PA */
#main_pa{
      font-family:calibri;
      font-size:15px;
      color:#000;
      width:700px;
      margin:20px auto;
      }
      #main_pa a{
      text-decoration:none;
      color:#AD0000;
      }
      #main_pa *{
        box-sizing:border-box;
      }
      #titre_pa{
      height:71px;
      text-align:center;
      font-size:45px;
 font-family: 'Great Vibes', cursive;
      color:#B22222;
      border-radius:60px 60px 0 0;
      background-image:url('');
      padding:10px;
      }
      #contenu_pa{
      background-color:#AD0000;
      padding:20px;
      }

      #nav_pa{
      text-align:center;
      font-family: 'Great Vibes', cursive;
      font-size:22px;
      word-spacing:10px;
      background-color: #A9A9A9;
      padding:10px;
      border-top-left-radius:40px 70px;
      border-top-right-radius:40px 70px;
      border-bottom-left-radius:40px 70px;
      border-bottom-right-radius:40px 70px;
      }
      #nav_pa a{
      color:#AD0000;
      }

      .bloc_pa{
      width:300px;
      display:inline-block;
      vertical-align:top;
      margin-left:20px;
      }

      #contexte_pa{
      background: #A9A9A9;
      margin:20px 0;
      width:300px;
      height:365px;
      text-align:justify;
      overflow:hidden;
      position:relative;
 
      }
      #contexte_pa > img{
      position:absolute;
      top:0;
      left:0;
      transform:translateX(0px);
      transition:all 600ms;
      }
      #contexte_pa:hover > img{
      transform:translateX(-300px);     
      }     
      #contexte_pa div{
      position:absolute;
  font-size: 13,5px;
      top:0;
      left:0;
      background-color: #A9A9A9;
      padding:10px;
      width:300px;
      height:365px;
      overflow:auto;
      transform:translateX(300px);
      transition:all 600ms;
      }
      #contexte_pa:hover div{
      transform:translateX(0px);
      }

      .sous_titre_pa{
      padding-top:5px;
font-family: 'Great Vibes', cursive;
      color:#AD0000;
      font-size:25px;
      text-align:center;
      }

      #membres_pa{
      position:relative;
      text-align:center;
      background-color:#A9A9A9;
      margin:20px 0;
      height:200px;
      }
      #membres_pa img{
      width:55px;
      height:55px;
      border-radius:50%;
      margin:10px 5px;
      }
      .contenu_onglet_pa{
      position:absolute;
      bottom:10px;
      left:0;
      text-align:center;
      background-color: #A9A9A9;
      line-height:20px;
      width:100%;
      font-size:15px;
   
   
      }
      .contenu_onglet_pa:first-line{
      font-family: 'Great Vibes', cursive;
      font-size:25px;
    color:#AD0000;
      }
      /*Fonctionnement des onglets*/
 /*NE PAS MODIFIER*/
        /*On masque toutes les spans (.tli-target), c'est important si vous ne voulez pas que la page scroll en cliquant sur un lien*/
        .tli-target{
        display:none;
        }
        /*On masque toutes les divs qui sont précédées d'une span (.tli-target)*/
        .tli-target + div{
        display:none;
        }
        #wrap1 + div{
        display:initial!important;
        }
        /*On affiche les blocs que l'on vient de masquer lorsque le span qui les précède (.tli-target) est actif, c'est à dire lorsque le lien correspondant (ancre) a été cliqué*/
        .tli-target:target + div{
        display:block;
        }

      #topsites_pa{
      text-align:center;
      background-color:#A9A9A9;
      margin:20px 0;
      }
      #topsites_pa img{
      margin:10px 1px;
      }

      #staff_pa{
      margin:20px 0;
      height:200px;
      }
      #staff_pa .infobulle_pa{
      position:relative;
      display:inline-block;
      }
      .infobulle_pa1 div{ position:absolute; bottom:-100px; left:0; z-index:999;}
      .infobulle_pa2 div{ position:absolute; bottom:-100px; left:-100px; z-index:999; }
      .infobulle_pa3 div{ position:absolute; bottom:-100px; right:0; z-index:999; }
      .infobulle_pa4 div{ position:absolute; top:-100px; left:0; }
      .infobulle_pa5 div{ position:absolute; top:-100px; left:-100px; }
      .infobulle_pa6 div{ position:absolute; top:-100px; right:0; }

      #staff_pa .infobulle_pa img{
      z-index:1;
      }

      #staff_pa .infobulle_pa div{
      width:300px;
      height:100px;
      padding:10px;
      text-align:center;
      background-color:#A9A9A9;
      line-height:20px;
      visibility:hidden;
      opacity:0;
      transition:all 500ms;
      overflow:auto;
      }
      #staff_pa .infobulle_pa div:first-line{
      font-family: 'Great Vibes', cursive;
      font-size:22px;
    color: #AD0000;
      }
      #staff_pa .infobulle_pa:hover div{
      visibility:visible;
      opacity:1;
      }

      #news_pa{
      background-color:#A9A9A9;
      margin:20px 0;
      height:160px;

      }
      #news_pa .texte_pa{
      height:100px;
      overflow:auto;
      margin:10px;
      padding-right:5px;
      line-height:20px;
      text-align:left;
      }

      #pv_pa{
      text-align:center;
      background-color:#A9A9A9;
      margin:20px 0;
      padding-bottom:10px;
      }
      #pv_pa img{
      width:45px;
      height:45px;
      border-radius:50%;
      margin:10px 10px 0;
      }

      #groupes_pa{
      text-align:center;
      background-color:#A9A9A9;
      margin:20px 0;
      }
      #groupes_pa .infobulle_pa{
      display:inline-block;
      position:relative;
      width:50px;
      height:50px;
      margin:10px 5px;
      }
      #groupes_pa .infobulle_pa > img{
      position:absolute;
      top:0;
      left:0;
      height:50px;
      }
      #groupes_pa .infobulle_pa div{
      position:absolute;
      top:0;
      left:0;
      padding-top:5px;
      width:50px;
      height:50px;
      background-color:#A9A9A9;
      text-align:center;
      opacity:0;
      transition:all 500ms;
      }
      #groupes_pa .infobulle_pa:hover div{
      opacity:1;
      }

      #partenaires_pa{
      text-align:center;
      font-size:0;
      background-color:#A9A9A9;
      padding:10px;
      border-top-left-radius:40px 70px;
      border-top-right-radius:40px 70px;
      border-bottom-left-radius:40px 70px;
      border-bottom-right-radius:40px 70px;
      }
      #boxe_defil{
      position:relative;
      height:35px;
      overflow:hidden;
      }
      #defile{
      width:1050;
      position:absolute;
      margin-top:1px;
      background-color:transparent;
      }
      #defile img{
      margin:0 2px;
      }
      #credit_pa{
      margin-top:20px;
      margin-right:15px;
      text-align:right;
      }
      #credit_pa a{
      color:#8C4C95;
      text-decoration:underline;
      }

.fin_pa{
background: #A9A9A9;}

 </style>
<div id="main_pa">
       
  <div id="titre_pa">
      Bienvenue sur Mimbulus Mimbletonia
  </div>
       
  <div id="contenu_pa">
             
      <div id="nav_pa">
                <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t2-reglement-du-forum-et-les-sanctions-rattachees">Règlement</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1-contexte">Contexte</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t22-bottin-des-avatars">Avatars Pris</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f9-predefinis">Prédéfinis</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f80-scenarios-des-membres">Scénario</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f8-presentations">Présentations</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f3-annexes">Annexes</a>        <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f72-affiliation">Affiliation</a>     
      </div>
             
      <div class="bloc_pa">
               
        <div id="contexte_pa">
                      <img alt="Image du contexte" src="https://i11.servimg.com/u/f11/14/04/66/48/contex10.jpg" />         
            <div>
              <b>1998.</b> Cette date est aujourd'hui inscrite par la société sorcière anglophone aux grandes lignes de l'Histoire, dépeignant à la manière des plus grandes épopées le combat du Grand Harry Potter face à celui dont le nom n'est plus tabou.
Cependant, si cette histoire est connue, reconnue, et glorifiée par les enseignements, romans découlant de ce fait historique ou documentaires retraçant les pas du Trio légendaires, on connaît bien moins tous les efforts mis en place pour reconstruire le monde sorcier.
La traque des mangemorts, leurs condamnations, la reconstruction du ministère de la magie, de Poudlard, mais bien au-delà de ça, de toute la société qui, soumise au choc, craignait que cet enfer recommence.
              Les années situées entre 1970 et 1981 avaient vu naître une première guerre des sorciers, puis 1998 avait marqué la fin de la seconde, mais si cela n'était pas fini ?
              <br/> <center><a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1-contexte">En savoir plus</a></center>
          </div>
                   
        </div>
               
        <div id="membres_pa">
                     
            <div class="sous_titre_pa">
              Membres du mois
            </div>
                      <a href="#wrap1"><img alt="Membre du mois" src="https://img4.hostingpics.net/pics/964937181.png" /></a>          <a href="#wrap2"><img alt="Membre du mois" src="https://img4.hostingpics.net/pics/597262722.png" /></a>          <a href="#wrap3"><img alt="Membre du mois" src="https://img4.hostingpics.net/pics/723298513.png" /></a>          <a href="#wrap4"><img alt="Membre du mois" src="https://image.noelshack.com/fichiers/2017/35/4/1504207146-e-59ffbc7b.jpg" /></a> <span id="wrap1" class="tli-target"></span>         
            <div class="contenu_onglet_pa">
                          Skylar O'Neill<br />            La + active<br />            <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u200">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=200">MP</a>         
            </div>
            <span id="wrap2" class="tli-target"></span>         
            <div class="contenu_onglet_pa">
                          Rose Weasley<br />            Le meilleur voteur<br />            <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u201">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=195">MP</a>         
            </div>
            <span id="wrap3" class="tli-target"></span>         
            <div class="contenu_onglet_pa">
                            Lucy A. Lorist<br />            Le meilleur rplayeur<br />            <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u195">Profil</a> - <a target="_blank" href="">MP</a>         
            </div>
            <span id="wrap4" class="tli-target"></span>         
            <div class="contenu_onglet_pa">
                            Tobias Grant<br />            Le coup de coeur<br />            <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u107">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=107">MP</a>         
            </div>
                   
        </div>
               
        <div id="topsites_pa">
                     
            <div class="sous_titre_pa">
              Topsites
            </div>
                      <a target="_blank" href="http://en.root-top.com/toplist/smykie/in.php?IDmark=1543"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/loukoum/in.php?IDmark=307"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/obsession27/in.php?IDmark=23933"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/filetdudiable/in.php?IDmark=1073"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/forumrpg/in.php?IDmark=10451"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/mimbulusmimbletonia/in.php?ID=27"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>          <a target="_blank" href="http://www.root-top.com/topsite/blackeden/in.php?ID=192"><img alt="Topsite" src="http://image.noelshack.com/fichiers/2016/45/1478976768-564170icone.png" /></a>       
        </div>
             
      </div>
             
      <div class="bloc_pa">
               
        <div id="staff_pa">
                     
            <div class="infobulle_pa1 infobulle_pa">
                          <img alt="Staff" src="https://i11.servimg.com/u/f11/14/04/66/48/staff111.jpg" />           
              <div>
                                Elesya L. Travers<br />              Fondatrice - Présente<br />              <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u89">Profil</a> - <a target="-blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=89">MP</a><br />
                MC :  <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=22">Cassandra Owell</a> , <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=41">Dominique Weasley</a> et <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=12">Célian R. Lestrange.</a>
              </div>
                       
            </div><div class="infobulle_pa2 infobulle_pa">
                          <img alt="Staff" src="https://image.noelshack.com/fichiers/2017/37/1/1505156389-bc76be21cf4f0812128d71019f73b0ac061667cea6effc2670-pimgpsh-fullsize-distr.png" />           
              <div>
                  Rose Weasley<br />              Modératrice - Présente<br />              <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u201">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=201">MP</a> <br/>
                MC :
              </div>
                       
            </div><div class="infobulle_pa3 infobulle_pa">
                          <img alt="Staff" src="https://img4.hostingpics.net/pics/743279763.png" />           
              <div>
                                Alec Welling<br />              Modérateur - Présent<br />              <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u119">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=119">MP</a><br />
                MC :    <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=159">A. Finn Ambrose</a>     
              </div>
                       
            </div><div class="infobulle_pa4 infobulle_pa">
                          <img alt="Staff" src="https://image.noelshack.com/fichiers/2017/37/1/1505156581-eea6bbd5741dffc57b357dc9af64c2dc6e686d476274b267f1-pimgpsh-fullsize-distr.png" />           
              <div>
                    Scorpius Malefoy<br />              Modérateur - Présent<br /> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u13">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=13">MP</a><br />           
                MC :        <a target="_blank" href=""></a> 
              </div>
                       
            </div><div class="infobulle_pa5 infobulle_pa">
                          <img alt="Staff" src="https://v.dreamwidth.org/6515893/1450309" />           
              <div>
                                Astoria G. Malefoy<br />              Modératrice - Présente<br />              <a href="http://mimbulus-mimbletonia.forumactif.org/u151">Profil</a> - <a href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=151">MP</a><br />       
              </div>
                       
            </div><div class="infobulle_pa6 infobulle_pa">
                          <img alt="Staff" src="https://image.noelshack.com/fichiers/2017/37/1/1505156695-523250d2ce0d219e4aafbc16e3984a6fdb5c48402e90cf7aa2-pimgpsh-fullsize-distr.png" />           
              <div>
                                Skylar O'Neill<br />              Modératrice - Présente<br />              <a href="http://mimbulus-mimbletonia.forumactif.org/u200">Profil</a> - <a href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=200">MP</a><br />            Petit texte expliquant le rôle             
              </div>
                       
            </div>
                   
        </div>
               
        <div id="news_pa">
                     
            <div class="sous_titre_pa">
              Nouveautés
            </div>
                     
          <div class="texte_pa">
            01.06.2016 : Ouverture du forum. <br/> 12/08 : <a href="http://mimbulus-mimbletonia.forumactif.org/t1473-la-gazette-du-sorcier-edition-du-15-fevrier-2019#25910" target="_blank">Nouveau numéro de la gazette du sorcier</a><br />            20/08 : <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1480-intrigue-groupe-numero-1-inscription#26195">Inscription à l'intrigue numéro 1</a> en cours.<br />    01.09.2017 : Nous sommes en Mars 2019 inrp.<br />            01.09.2017 : Le bilan du mois d'Août est disponible <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1492-bilan-du-mois-d-aout-2017#26463">ici.</a><br /   
            </div>
            </div> 
               
        <div id="pv_pa">
                     
            <div class="sous_titre_pa">
              Scenarii
            </div>
                      <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1045-f-ambrosia-c-snow-mom-i-miss-you"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758559-ambrosia.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t675-lucius-narcissa-malefoy"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758850-narcissa.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t675-lucius-narcissa-malefoy"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758855-lucius.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1364-to-be-a-rock-and-not-to-roll"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759283-chanteur.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t567-artemis-travers-une-fiancee-totalement-dejantee"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759290-artemis.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t961-libre-ciara-bravo-gwendolyn-callista-jade-owell-fille-u-c"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759476-gwen.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t566-demi-frere-de-jasper-donovanun-passe-est-un-passe-ce-qui-compte-c-est-le-present"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759890-dono.png" /></a>          <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t419-famille-welling-1-2"><img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759896-welling.png" /></a>       
        </div>
               
        <div id="groupes_pa">
                     
            <div class="sous_titre_pa">
              Coupe des 4 Maisons
            </div>
                     
            <div class="infobulle_pa">
                          <img alt="Gryffondor" src="https://image.noelshack.com/fichiers/2017/12/1490213568-griffy10.png" />           
              <div>
                  7 121 points
              </div>
                         
            </div>
                     
            <div class="infobulle_pa">
                          <img alt="Poufsouffle" src="https://image.noelshack.com/fichiers/2017/12/1490213718-pouffy10.png" />           
              <div>
                  7 138 points
              </div>
                       
            </div>
                     
            <div class="infobulle_pa">
                          <img alt="Serdaigle" src="https://image.noelshack.com/fichiers/2017/12/1490213584-serdai10.png" />           
              <div>
                  8 337 points
              </div>
                       
            </div>
                     
            <div class="infobulle_pa">
                          <img alt="Serpentard" src="https://image.noelshack.com/fichiers/2017/12/1490213603-serpy110.png" />           
              <div>
                  8 683 points
              </div>
                       
            </div>
                   
        </div>
             
      </div>
        </div>   
    <div id="partenaires_pa">
             
        <div id="boxe_defil">
            <div id="defile">
              <a target="_blank" href="http://avada-kedavra.forumgratuit.org/"> <img src="https://img4.hostingpics.net/pics/72716217p1.png"/></a>        <a target="_blank" href="http://beauxbatons.harrypotterrpg.fr/"><img alt="Partenaire" src="https://i18.servimg.com/u/f18/17/28/14/29/bouton10.png" /></a>        <a target="_blank" href="http://hogwartsfamily.forumactif.org/"><img alt="Partenaire" src="http://www.aht.li/3061647/boutonpub2.jpg" /></a>        <a target="_blank" href="http://collegepoudlard.virtuaboard.com/"><img alt="Partenaire" src="http://img15.hostingpics.net/pics/722100logoCP.png" /></a>        <a target="_blank" href="http://impedimenta.forumactif.org/"><img alt="Partenaire" src="https://img4.hostingpics.net/pics/763258100x35.png" /></a>        <a target="_blank" href="http://impero.superforum.fr/"><img alt="Partenaire" src="http://img11.hostingpics.net/pics/338774logo5.jpg" /></a>        <a target="_blank" href="http://mimbulusmimbletonia.forumetoile.com/"><img alt="Partenaire" src="http://imageshack.com/a/img924/5996/St8VwD.jpg" /></a>        <a href="#"><img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" /></a>        <a href="#"><img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" /></a>        <a href="#"><img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" /></a>        <a href="#"><img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" /></a>        <a href="#"><img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" /></a>        <script type="text/javascript">
            var psinit = 480; // position horizontale de depart
            var pscrnt = psinit;
            var defile = document.getElementById('defile'); // l'element a deplacer
            var isRunning = true; // par defaut c'est en marche

            function texteDefile() {
                // on vérifie si on est en pause ou pas
                if (defile && isRunning) {
                    if (pscrnt < (-defile.offsetWidth)) {
                        pscrnt = psinit;
                    } else {
                        pscrnt += -1; // pixel par deplacement
                    }
                    defile.style.left = pscrnt + "px";
                }
            }
            window.setInterval(texteDefile, 20); // delai de deplacement

            // au survol on met en pause
            defile.addEventListener('mouseenter', function(){
                isRunning = false;
            });

            // quand on sort du survol on enleve la pause
            defile.addEventListener('mouseleave', function(){
                isRunning = true;
            });
          </script>               

      <div id="credit_pa">
        Réalisé par Cheshire Cat sur <a href="http://epicode.bbactif.com/">Epicode</a>
      </div>

<img alt="Image du bas" src="http://zupimages.net/up/17/23/tye2.png" />

D'avance merci (j'en profite pour demander si l'un de vous sait comment remettre le crédit, en effet, ila sauté et j'arrive plus à le remettre).

Merci à vous et bonne soirée

Coucou :)

Je ne vois pas de partie "Actualité" ou "Staff" sur le lien que tu as donné
Est ce que tu pourrais nous donner un lien avec la PA visible s'il te plait ? (directement la page html par exemple)

Bonsoir :)
Est-ce qu'avec ce lien c'est bon pour vous ? http://callypso-island.forumgratuit.org/h2-pa-3
"actualité" se trouve plus sous la forme "nouveauté" et le staff dans les petits carrés.
Voilà, j'espère que ça ira :)
Bonne soirée et encore merci :)

Est ce que ta demande est toujours d'actualité ? ^^

Bonsoir :)
ma demande est à archiver j'ai trouvé mon bonheur grâce à quelqu'un :)
merci quand même à vous.
bonne soirée.