Commande de QEEL
    Message le Sam 12 Aoû - 10:09
    Bonjour petite citrouille ! :dummy: C'est encore moi, hé oui, fallait pas me faire une P.A aussi bien faite, donc, je viens de nouveau solliciter ton talent.

    Forum : www
    Version : PHPBB2
    Taille du forum : 600 (en nombre)
    Elément(s) demandé(s) : QEEL
    Maquette : www
    Description (peut remplacer la maquette ou la compléter) : Tout est sur la maquette. Pour les rumeurs du chat noir, c'est possible de faire apparaître une scroll barre uniquement quand un texte entier ne rentre pas dans la boîte ? Pareil pour la boîte "Ils sont venus y'a pas longtemps".
    Couleurs (si pas de maquette graphique) : Les couleurs peuvent être pipettée ^-^
    Polices à utiliser : Oswald (regular)
    Images à utiliser : ICI & ICI
    Acceptez-vous que le code finisse en LS ? Nop, car tout comme la P.A, ça vient de ma petite tête (et je suis particulièrement fière de mon schéma x'D)
    Mode de rendu : via le sujet
    Autre chose à ajouter ? Un deuxième grand merci petite citrouille :slurf:





    avatar

    Feuille de personnage
    Team: Walking Disaster
    Equipiers: Andros & Zelankiel
    Devise: /

    Message le Dim 13 Aoû - 3:43
    Pouet !

    Vuala : www.

    Bananuit :banana:





    Message le Dim 13 Aoû - 9:24
    P*tain. J'adore me lever et voir ça de bon matin. Mais en faite, c'est à quel moment que tu dors dans la journée ? (Aujourd'hui à 3:43) x'D
    Mon Dieu mais qu'elle est belle ! Mais là je suis genre aux anges. Tu gères quoi. Normalement ça devrait bien fonctionner à l'installation o/
    Merci beaucoup en tout cas d'avoir été si rapide et efficace :slurf:





    avatar

    Feuille de personnage
    Team: Walking Disaster
    Equipiers: Andros & Zelankiel
    Devise: /

    Message le Dim 13 Aoû - 14:17
    Je dors le matin XDD

    Voila les codes :kyaaa:

    CSS
    Code:
    /*********************************** QUI EST EN LIGNE ? ***********************************/

    #qeel {
      width: 98%;
      margin: auto;
      padding: 1%;
      background: #fff;
    }

    #img_qeel {
      float: left;
      margin-right: 2%;
    }

    #bloc_droite_sup_qeel, #bloc_gauche_inf_qeel, #bloc_droite_inf_txt_qeel {
      background: #fff7d6;
      font-size: 12px;
      padding: 1%;
      overflow: auto;
    }

    #bloc_droite_sup_qeel {
      float: left;
      width: 53%;
      height: 215px;
    }

    #qeel h3 {
      text-transform: uppercase;
      padding: 0;
      text-align: left;
      color: #f3d3ba;
      font-size: 18px;
      margin: 0;
      font-family: 'Oswald', sans-serif;
    }

    .stats_qeel {
      color: #f7d67b;
      background: #fff;
      width: 10%;
      text-transform: uppercase;
      display: inline-block;
      text-align: center;
      margin: 2% 2%;
      padding: 0 2%;
      font-size: 14px;
      font-family: 'Oswald', sans-serif;
    }

    #bloc_gauche_inf_qeel {
      float: left;
      width: 35%;
      height: 150px;
    }

    #kaboum .row1 {
      background: transparent;
    }

    #groupes_qeel {
      float: left;
      width: 63%;
      text-align: center;
      margin-top: -2%;
    }

    #groupe1, #groupe2, #groupe3, #groupe4, #groupe5, #groupe6 {
      font-size: 20px;
      font-family: 'Oswald', sans-serif;
      margin: 0 1%;
      text-transform: uppercase;
    }

    #groupe1 {color: #ac92b8 !important;}
    #groupe2 {color: #94bd94 !important;}
    #groupe3 {color: #95c6ce !important;}
    #groupe4 {color: #deadc6 !important;}
    #groupe5 {color: #f7de8c !important;}
    #groupe6 {color: #f6b58c !important;}

    #bloc_droite_inf_qeel {
      width: 59%;
      padding: 0%;
      float: left;
      margin-left: 2%;
    }

    #bloc_droite_inf_qeel h3 {
      margin-top: 2%;
      font-weight: none;
    }

    #chat_qeel {
      float: left;
    }

    #bloc_droite_inf_txt_qeel {
      width: 50%;
      float: left;
      width: 81.2%;
      padding: 3% 1%;
      font-size: 11px;
      height: 60px;
      overflow: auto;

    }

    Dans le template Index_body tu remplaces ceci (ligne 130 si tu n'as rien modifié) :
    Code:
    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
       </tr>
       <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
       </tr>
       <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
       </tr>
       {L_CONNECTED_MEMBERS}
       {L_WHOSBIRTHDAY_TODAY}
       {L_WHOSBIRTHDAY_WEEK}
       <tr>
          <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
       </tr>
       <!-- BEGIN switch_chatbox_activate -->
       <tr>
          <td class="row1">
             <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
             </span>
          </td>
       </tr>
       <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->

    Par ceci :
    Code:
    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
         <img src="https://img4.hostingpics.net/pics/451849imageqeel.png" id="img_qeel" />
     
         <h3 style="margin: 10% 0 0 0 ;">Statistiques</h3>
     
         <div id="bloc_droite_sup_qeel">
                 <span id="yosh">
                         {NEWEST_USER}
                 </span>
                 <br />
                 <div style="width: 100%; text-align: center;">
                      <div class="stats_qeel">
                            <span id="matt">{TOTAL_USERS}</span>
                        </div>
                    <div class="stats_qeel">
                            <span id="bert">{TOTAL_POSTS}</span>
                    </div>
                 </div>
                 <br />
                    <span id="alpha">
                         {LOGGED_IN_USER_LIST}
                 </span>
         </div>
         <div class="clear"></div>
         <br />
         <h3>Ils sont venus y'a pas longtemps</h3>
         <div id="bloc_gauche_inf_qeel">
                     <table id="kaboum">{L_CONNECTED_MEMBERS}</table>
         </div>
     
         <div id="groupes_qeel">
                 <a href="#" id="groupe1">Groupe 1</a>
                 <a href="#" id="groupe2">Groupe 2</a>
                 <a href="#" id="groupe3">Groupe 3</a>
                 <br />
                 <a href="#" id="groupe4">Groupe 4</a>
                 <a href="#" id="groupe5">Groupe 5</a>
                 <a href="#" id="groupe6">Groupe 6</a>
         </div>
         
         <div id="bloc_droite_inf_qeel">
            <h3 style="color: #c5a198;">Les rumeurs du chat noir</h3>
                 <img src="https://img4.hostingpics.net/pics/563678imagechatqeel.png" id="chat_qeel" />
                 <div id="bloc_droite_inf_txt_qeel">
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nunc nisi, sollicitudin nec turpis non, rhoncus dignissim sem. Vivamus in arcu et leo condimentum ultrices. Pellentesque ac congue arcu. Quisque a metus neque.
                 </div>
         </div>
     
         <div class="clear"></div>
    </div>

    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue au dernier inscrit :");</script>
    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/messages/,"<br />Messages");</script>
    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membres enregistrés/,"<br />Membres");</script>
    <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Ils sont actuellement ici");</script>
    <script type="text/javascript">jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ',''));</script>   



    <!-- END disable_viewonline -->

    Et j'attends les beugs XD





    Message le Dim 13 Aoû - 18:56
    Mercii !
    Bon bah les voici les voilà les bugs ! xD POUÊT
    Je te le dis... Mon forum il m'aime pô.





    avatar

    Feuille de personnage
    Team: Walking Disaster
    Equipiers: Andros & Zelankiel
    Devise: /

    Message le Dim 13 Aoû - 21:20
    Vu sur Discord et terminé :3







      La date/heure actuelle est Sam 21 Oct - 19:38