AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


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

    Partagez
    avatar
    gwenM
    FémininAge : 21Messages : 221

    le Jeu 21 Sep 2017 - 21:16

    Bonsoir :love:

    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
    avatar
    Nihil Scar Winspeare
    Messages : 4799

    le Lun 25 Sep 2017 - 21:52

    Coucou :)

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

    avatar
    gwenM
    FémininAge : 21Messages : 221

    le Lun 25 Sep 2017 - 21:56

    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 :)
    avatar
    Onyx
    FémininAge : 23Messages : 3047

    le Ven 20 Oct 2017 - 21:04

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

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de ce problème.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une dizaine de jours.



    avatar
    gwenM
    FémininAge : 21Messages : 221

    le Ven 20 Oct 2017 - 21:06

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


      La date/heure actuelle est Mar 21 Nov 2017 - 20:15