AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

    Personnalisation QEEL [Terminé merci Alzufen]

    avatar
    Dreamland
    FémininAge : 34Messages : 149

    Mer 13 Aoû 2014 - 15:17

    Bonjour,
    plus besoin de me présenter je suis une habituée de cette zone maintenant (enfin je suppose x)). Bref, je suis toujours dans le codage de mon forum et après avoir réglé mon soucis de catégories, puis mon soucis de PA (et encore des catégories), je viens maintenant pour le QEEL. En toute logique, je devrais prochainement ne plus venir vous embêter puisque j'aurais fini le codage de mon forum x)
    Donc comme je le disais je viens pour mon QEEL. J'ai suivi le code en libre service d'Halloween qui se trouve ici : https://www.never-utopia.com/t49692-qeel-pokemon

    J'ai essayé de le personnaliser mais il y a 2-3 trucs que je n'arrive pas à résoudre et dont je ne comprends pas le problème. Peut-être pourrez vous éclairer ma lanterne. Comme vous pourrez le constater sur mon forum test ici : http://panda.forumgratuit.org/ j'ai légèrement réorganiser les choses pour que le QEEL corresponde à ce que j'avais en tête.

    Premier problème : Le premier bloc où se trouvent les statistiques, et bien il est légèrement au dessus des deux blocs à côté, hors j'aurais souhaité qu'ils soient tous les 3 alignés. Comment faire ?

    Deuxième problème : Celui-ci concerne les groupes. Actuellement, ils sont alignés les uns en dessous des autres. J'aimerais les mettre de la manière suivante :

    Groupe 1 - de l'espace - Groupe 2
    Groupe 3 - de l'espace - Groupe 4
    Est-ce possible ? Ou bien dois-je utiliser une autre méthode comme des images ?

    Troisième problème : Je n'arrive pas à personnaliser la phrase du QEEL suivante : Derniers connectés aux cours des 24h. J'aurais aimé mettre : Survivants aperçu récemment :
    J'ai bien trouvé des tutoriels avec des codes, mais rien n'a fonctionné quand je l'ai mis...

    Quatrième et dernier problème : Comment puis-je mettre une image en haut et en bas de mon QEEL ? Que dois-je ajouter et où ?
    Je souhaitais mettre ces images :
    Haut : https://2img.net/h/i1270.photobucket.com/albums/jj606/diabolo_menthe1/2je75w5_zpsae5b6816.png
    Bas : https://2img.net/h/i1270.photobucket.com/albums/jj606/diabolo_menthe1/6tda4j_zpse2815065.png

    Voilà il me semble que c'est tout, désolé pour toutes mes questions :/

    Code :
    Css :
    Code:
    /***************************** QEEL *****************************/

        /* Fond du QEEL */
        .fond_qeel {
          background-color: #98D8D7;
          width: 700px;
          border-radius: 25px;
          padding: 25px;
          position: relative;
          top: -7em;
          z-index: 1;
        }

        /* Mise en forme des blocs du QEEL */
        .bloc_qeel {
          background-color: #B3E3E3;
          color: #377B7A;
          border-radius: 25px;
          padding: 15px;
          font-size: 11px;
          position: relative;
          top:-2em;
        }


        /* Taille et position de la Pokéball */
        .img_qeel {
          position: relative;
          top: -4em;
          z-index: 2;
          width: 180px;
        }

        /*** SYSTEME D'ONGLETS ***/

        .qeelonglet {
      padding-left: 10px;
      padding-right: 10px;
      font-family: 'Tulpen One', cursive;
      font-size: 25px;
      display: block;
    }
                 
        .qeelonglet_0 {
        }

        .qeelonglet_1 {
        }

        .contenu_qeelonglet {
          padding: 25px;
          display: none;
          width: 320px;
          height: 45px;
          overflow: auto;
          border-radius: 25px;
          position: relative;
          left: -1.5em;
          text-align: justify;
        }

        .contenu_qeelonglet a{
          text-decoration: none !important;
        }

    .imgmembres {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgmembres:hover {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    .membremoispseu {
        text-decoration: none;
      padding-bottom: 5px;
      margin-bottom: 5px;
      font-size: 20px;
      font-weight: bold;
      color: #ABB795;
      font-family: 'Dynalight', cursive;
      text-shadow: 1px 1px 0px white;
      opacity: 0.7;
      text-align: center;
    }

    .titreqeel {
     color: #1b1e16;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: -2pt;
    text-align: center;
    text-shadow: 0 0 1px;
    font-family: 'Rye', cursive;
      padding-top: -100px;
    }

    .imgpa {
    border: 1px solid #bbffce;
    padding: 1px;
    width: 15px;
    opacity: 0.8;
    }

    .imgpa:hover {
    border: 1px solid #bbffce;
    padding: 1px;
    width: 15px;
    }

    .lienqeel {
      font-family: 'Iceland', cursive;
      font-size: 15px !important;
    font-weight: lighter;
    color: #E36081 !important;
    text-shadow: 2px 2px 2px #f0e3de;
    }

    .over {
          overflow: auto;
    }
        /***************************** FIN QEEL *****************************/

    Templates :
    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- BEGIN message_admin_titre -->
       <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
       </tr>
       <!-- END message_admin_titre -->
       <!-- BEGIN message_admin_txt -->
       <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
       </tr>
       <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle" align="right">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/> </td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->
    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="50%" valign="top">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_delete_cookies -->
             <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
             <!-- END switch_delete_cookies -->
          </td>
          <td width="50%" align="right">
             <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                   <!-- BEGIN switch_delete_cookies -->
                   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                   <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
             </span>
          </td>
       </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/> </td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline --><br /><br />
      <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #25867F; text-shadow: 1px 1px 2px white;"><center>Qui cherche des Pokémon ?</center></div>
    <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/pokbal10.png" class="img_qeel" /></center><div class="fond_qeel"><br />
    <table><tr><td><div class="bloc_qeel" style="width: 200px; height : 200px;"><div class="titreqeel">Statistiques</div>
      <div align="justify">Bienvenue dans un monde où le combat et la peur régne.<span id="TFA3">{TOTAL_USERS} </span>
                            <script type="text/javascript">
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/Nous avons /," Actuellement, ");
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/membres enregistrés/," personnes luttent pour leur survie. ");
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/membre enregistré/," personne lutte pour sa survie. ");
                            </script>
                            <span id="TFA4">{NEWEST_USER}</span>
                            <script type="text/javascript">
                            document.getElementById('TFA4').innerHTML=document.getElementById('TFA4').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," Le nouveau venu dans cette course contre la mort est ");
                            </script>
                            <span id="TFA2">{TOTAL_POSTS}</span>
                            <script type="text/javascript">
                            document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/Nos membres ont posté un total de /," . Nos survivants ont réalisé un total de ");
                            document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/messages/," missions pour rester en vie. ");
                            </script>
                            <br/><br/>
                            <span id="delf"><span id="delf2">{TOTAL_USERS_ONLINE}</span></span>
                            <script type="text/javascript">
                                jQuery('#delf2').html(jQuery('#delf2').html().replace(/:: /g,' ')).removeAttr('id');
                            </script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/," personne en Georgie en ce moment, soit ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/," personnes en Georgie en ce moment, soit ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"survivant ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"survivants ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"zombie, ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"zombies, ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"solitaire.");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"solitaires.");</script>
        <span id="TFA5"><div class="over">{LOGGED_IN_USER_LIST}</div></span>
          <script type="text/javascript">document.getElementById('TFA5').innerHTML=document.getElementById('TFA5').innerHTML.replace(/Utilisateurs enregistrés/," Vous pouvez retrouver sur les routes ");</script>
          </div></div><br /></td>
        <td><div class="bloc_qeel" style="width: 200px; height : 200px;">
          <center>  <div class="titreqeel">Nos membres du mois</div>
           
            <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>            
          <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>            
                      <div class="membremoispseu">Pseudo 1 + Pseudo 2</div></center><br/>
             
              <center><div class="titreqeel">Scénarios attendus</div>
                <a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a>
                <br /><div class="lienqeel"><a href="http://"> + de scénarios</a></div>
              </center>
             
          </div></td>
        <td><div class="bloc_qeel" style="width: 200px; height : 200px;"><div class="titreqeel">On les a vu !</div>
          <div class="over">{LOGGED_IN_USER_LIST}</div></div></td>
      </tr><br /><br /></table>
      <table><tr><td><div class="bloc_qeel" style="width: 300px;"><div class="titreqeel">Les groupes</div>
        <div class="qeelonglets">
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe1" onclick="javascript:change_qeelonglet('Groupe1');"><span style="color: #BC1D1D;">Groupe 1</span></span>             
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe2" onclick="javascript:change_qeelonglet('Groupe2');"><span style="color: #2C5654;">Groupe 2</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe3" onclick="javascript:change_qeelonglet('Groupe3');"><span style="color: #D9631C;">Groupe 3</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe4" onclick="javascript:change_qeelonglet('Groupe4');"><span style="color: #73377B;">Groupe 4</span></span>
      </div> 
        </div></td>
        <td style="width: 120px;"></td>
        <td><div class="bloc_qeel" style="width: 350px;"><div class="contenu_qeelonglets"><div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe1" style="position: relative; top: -1em;">Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
         
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe2" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
         
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe3" style="position: relative; top: -1em;"> Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.<a href="#" style="color: #295654!important;"># Les consulter</a></div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe4">Contenu 2</div>
          </div></div></td></tr>
      </table></div>



    <script type="text/javascript">
                //<!--
                        function change_qeelonglet(name)
                        {
                                document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                                document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                                document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                                document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                                anc_qeelonglet = name;
                        }
                //-->
                </script>
        <script type="text/javascript">
                //<!--
                        var anc_qeelonglet = 'Groupe1';
                        change_qeelonglet(anc_qeelonglet);
                //-->
                </script>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
       <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td> &nbsp;</td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
       </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
       oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

    Je sais que vous n'aimez pas les codes sous hide alors je les laisse visible  Wink 
    Merci beaucoup pour votre aide Very Happy


    Dernière édition par Dreamland le Mer 13 Aoû 2014 - 19:04, édité 1 fois
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mer 13 Aoû 2014 - 16:52

    Alors premièrement il suffit de demander à ce bloc de descendre un peu, bon encore une fois il y aurait d'autres solutions mais ça me parait être la plus simple.

    Remplace :
    Code:
    <div class="bloc_qeel" style="width: 200px; height : 200px;"><div class="titreqeel">Statistiques</div>

    par

    Code:
    <div class="bloc_qeel" style="width: 200px; height : 200px; top: -14px;"><div class="titreqeel">Statistiques</div>

    Ensuite pour le second problème dans ton css repère :

    Code:
    .qeelonglet {
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Tulpen One', cursive;
    font-size: 25px;
    display: block;
    }

    Et remplace par :

    Code:
    .qeelonglet {
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Tulpen One', cursive;
    font-size: 25px;
    display: inline-block;
    width: 120px;
    }

    Le groupe 2 sera peut-être décalé vers la gauche, alors remplace le par ça :

    Code:
    <span style="color: #2C5654;margin-left: -2px;">Groupe 2</span>

    Pour le troisième problème je ne vois pas "{L_CONNECTED_MEMBERS}" dans ton template, en suite si je me souviens bien il faut faire comme pour les autres trucs, mais je crois pas que tu puisses modifier la phrase entière, il faudrait que je teste mais déjà remet le "{L_CONNECTED_MEMBERS}" dans ton template Wink

    Pour le dernier problème on va jouer sur le fait qu'il y a déjà une image en haut de QEEL


    Repère :

    Code:
    <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/pokbal10.png" class="img_qeel" /></center>

    Remplace par :

    Code:
    <img src="http://i1270.photobucket.com/albums/jj606/diabolo_menthe1/2je75w5_zpsae5b6816.png" class="img_qeel">

    Pour l'image du bas repère :

    Code:
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe4">Contenu 2</div>
          </div></div></td></tr>
      </table></div>

    Et remplace par :

    Code:
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe4">Contenu 2</div>
          </div></div></td></tr>
      </table></div>
    <img src="http://i1270.photobucket.com/albums/jj606/diabolo_menthe1/6tda4j_zpse2815065.png" class="img_qeel2">

    C'est fini pour la partie "Template" passons donc au css.

    Repère :

    Code:
        .img_qeel {
          position: relative;
          top: -4em;
          z-index: 2;
          width: 180px;
        }

        .fond_qeel {
          background-color: #98D8D7;
          width: 700px;
          border-radius: 25px;
          padding: 25px;
          position: relative;
          top: -7em;
          z-index: 1;
        }

    Et remplace par :

    Code:
    .img_qeel {
    position: relative;
    top: -4em;
    z-index: 2;
    left: 50%;
    margin-left: -400px;
    }

        .fond_qeel {
    background-color: #98D8D7;
    width: 736px;
    border-radius: 25px;
    padding: 25px;
    position: relative;
    top: -7em;
    z-index: 1;
    left: 50%;
    margin-left: -387px;
        }

    Et enfin ajoute ceci à ton css :

    Code:
    .img_qeel2 {
    position: relative;
    top: -9em;
    z-index: 2;
    left: 50%;
    margin-left: -400px;
    }

    Après ça, à part le soucis 3 tout devrais être bon Wink



    avatar
    Dreamland
    FémininAge : 34Messages : 149

    Mer 13 Aoû 2014 - 17:20

    Tout est parfait :)
    Ah oui pour le problème 3 j'ai oublié de le remettre en faisant mes modif's sauf qu'il ne se mets pas au bon endroit, je ne sais pas pourquoi...

    Autrement tout est parfait, merci une fois de plus de ton aide. Tu auras ton nom dans les crédits, car sans toi ce serait une catastrophe x)

    Edit : Ah oui est comment ça se fait qu'il y a un grand espace après mon QEEL ? c'est possible de l'enlever ?
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mer 13 Aoû 2014 - 18:11

    Pour l'édit :

    Retire le "top" à img_qeel2, et en suite, ajoute "margin-bottom: -140px;" à fond_qeel, ça forcera l'image à être au même endroit mais forcera aussi le bas de la page à remonter pour éviter ce gros blanc, je n'ai pas trouvé pour le résoudre autrement Wink

    Pour le problème trois, peux tu redonner le template avec l'ajout de ce que je t'ai demandé ? Je vais essayer de voir ça sur mon forum de test Wink



    avatar
    Dreamland
    FémininAge : 34Messages : 149

    Mer 13 Aoû 2014 - 18:20

    Voilà le nouveau templates :

    Code:
    <!-- BEGIN disable_viewonline --><br /><br />
      <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #25867F; text-shadow: 1px 1px 2px white;"><center>Qui cherche des Pokémon ?</center></div>
    <img src="http://i1270.photobucket.com/albums/jj606/diabolo_menthe1/2je75w5_zpsae5b6816.png" class="img_qeel"><div class="fond_qeel"><br />
    <table><tr><td><div class="bloc_qeel" style="width: 200px; height : 200px;top: -14px;"><div class="titreqeel">Statistiques</div>
      <div align="justify">Bienvenue dans un monde où le combat et la peur régne.<span id="TFA3">{TOTAL_USERS} </span>
                            <script type="text/javascript">
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/Nous avons /," Actuellement, ");
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/membres enregistrés/," personnes luttent pour leur survie. ");
                            document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/membre enregistré/," personne lutte pour sa survie. ");
                            </script>
                            <span id="TFA4">{NEWEST_USER}</span>
                            <script type="text/javascript">
                            document.getElementById('TFA4').innerHTML=document.getElementById('TFA4').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," Le nouveau venu dans cette course contre la mort est ");
                            </script>
                            <span id="TFA2">{TOTAL_POSTS}</span>
                            <script type="text/javascript">
                            document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/Nos membres ont posté un total de /," . Nos survivants ont réalisé un total de ");
                            document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/messages/," missions pour rester en vie. ");
                            </script>
                            <br/><br/>
                            <span id="delf"><span id="delf2">{TOTAL_USERS_ONLINE}</span></span>
                            <script type="text/javascript">
                                jQuery('#delf2').html(jQuery('#delf2').html().replace(/:: /g,' ')).removeAttr('id');
                            </script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/," personne en Georgie en ce moment, soit ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/," personnes en Georgie en ce moment, soit ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"survivant ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"survivants ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"zombie, ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"zombies, ");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"solitaire.");</script>
                            <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"solitaires.");</script>
        <span id="TFA5"><div class="over">{LOGGED_IN_USER_LIST}</div></span>
          <script type="text/javascript">document.getElementById('TFA5').innerHTML=document.getElementById('TFA5').innerHTML.replace(/Utilisateurs enregistrés/," Vous pouvez retrouver sur les routes ");</script>
          </div></div><br /></td>
        <td><div class="bloc_qeel" style="width: 200px; height : 200px;">
          <center>  <div class="titreqeel">Nos membres du mois</div>
           
            <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>            
          <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>            
                      <div class="membremoispseu">Pseudo 1 + Pseudo 2</div></center><br/>
             
              <center><div class="titreqeel">Scénarios attendus</div>
                <a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a><a target="_blank" href="http://"><img alt="Huntington beach" title=" Huntington beach" class="imgpa" src="http://image.noelshack.com/fichiers/2014/04/1390426592-08.png" border="0" /></a>
                <br /><div class="lienqeel"><a href="http://"> + de scénarios</a></div>
              </center>
             
          </div></td>
        <td><div class="bloc_qeel" style="width: 200px; height : 200px;"><div class="titreqeel">On les a vu !</div>
          {L_CONNECTED_MEMBERS}</div></td>
      </tr><br /><br /></table>
      <table><tr><td><div class="bloc_qeel" style="width: 300px;"><div class="titreqeel">Les groupes</div>
        <div class="qeelonglets">
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe1" onclick="javascript:change_qeelonglet('Groupe1');"><span style="color: #BC1D1D;">Groupe 1</span></span>             
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe2" onclick="javascript:change_qeelonglet('Groupe2');"><span style="color: #2C5654; margin-left: -2px;">Groupe 2</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe3" onclick="javascript:change_qeelonglet('Groupe3');"><span style="color: #D9631C;">Groupe 3</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe4" onclick="javascript:change_qeelonglet('Groupe4');"><span style="color: #73377B;">Groupe 4</span></span>
      </div> 
        </div></td>
        <td style="width: 120px;"></td>
        <td><div class="bloc_qeel" style="width: 350px;"><div class="contenu_qeelonglets"><div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe1" style="position: relative; top: -1em;">Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
         
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe2" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
         
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe3" style="position: relative; top: -1em;"> Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.<a href="#" style="color: #295654!important;"># Les consulter</a></div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe4">Contenu 2</div>
          </div></div></td></tr>
      </table></div>
    <img src="http://i1270.photobucket.com/albums/jj606/diabolo_menthe1/6tda4j_zpse2815065.png" class="img_qeel2">


    <script type="text/javascript">
                //<!--
                        function change_qeelonglet(name)
                        {
                                document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                                document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                                document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                                document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                                anc_qeelonglet = name;
                        }
                //-->
                </script>
        <script type="text/javascript">
                //<!--
                        var anc_qeelonglet = 'Groupe1';
                        change_qeelonglet(anc_qeelonglet);
                //-->
                </script>
    <!-- END disable_viewonline -->

    Concernant l'espace après le QEEL c'est réglé ! Il ne reste que le problème 3 ^^
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mer 13 Aoû 2014 - 18:38

    Remplace :

    Code:
    {L_CONNECTED_MEMBERS}

    Par

    Code:
          <table id="TFA6">{L_CONNECTED_MEMBERS}</table>
          <script type="text/javascript">document.getElementById('TFA6').innerHTML=document.getElementById('TFA6').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"Survivants aperçu récemment");</script><

    Ensuite, tu feras attention plus haut tu as :

    Code:
            <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>           
            <a href="http://" target="_blank"><img class="imgmembres" border="0" src="http://image.noelshack.com/fichiers/2014/23/1402258296-tumblr14.jpg" class="imgpa" title=" Membres du mois" alt="Membres du mois"></a>

    Pense à fermer tes balises images avec un / entre le guillemet et le > de fin Wink avec un espace après le guillemet ^^



    avatar
    Dreamland
    FémininAge : 34Messages : 149

    Mer 13 Aoû 2014 - 19:03

    C'est parfait tout fonctionne :)
    Grâce à toi le codage de mon forum a bien avancé Very Happy

    Merci encore une fois et tu seras cité dans les crédits pour toute l'aide que tu m'apportes Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Avr 2024 - 11:36