Sam 12 Aoû - 10:09

Bonjour petite citrouille ! 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

Dim 13 Aoû - 3:43

Pouet !

Vuala : www.

Bananuit

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

Dim 13 Aoû - 14:17

Je dors le matin XDD

Voila les codes

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

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ô.

Dim 13 Aoû - 21:20

Vu sur Discord et terminé :3