QEEL en deux colonnes

[ADRENALINE. ♥]

Bonsoir , j'aurais aimer savoir comment faire un qeel en deux colonnes comme sur cet exemple ( https://2img.net/r/hpimg4/pics/711268Capture.png ).
Je n'ai pas modifier mon template index_body , j'aimerais simplement savoir faire les deux colonnes =)
Je sais bien qu'il faut faire des tableaux mais je ne sais pas du tout comment faire !
J'ai regardé sur le forum pour voir si il n'y avait pas déjà un sujet à ce propos , mais rien ne correspondait..
Je vous remercies d'avance,
Bonne soirée.

[Invité]

Bonjour,

Si le problème est toujours d'actualité, repérez dans votre template Index_body la partie concernant le QEEL, c'est à dire ceci:

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} :  {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 -->

C'est ici qu'il faut recréer le tableau et placer différemment les variables.

Cordialement.

[ADRENALINE. ♥]

D'accord , merci.
J'essaie sa et je vous dis quoi

[ADRENALINE. ♥]

(désolé du d-p)
J'ai essayé et je n'y suis pas arrivée , je ne vois pas ou placer les tableaux pour faire les deux colonnes comme sur l'exemple :/
J'ai remis mon template de base au cas ou
Merci d'avance ♥

[Invité]

Bonjour,

Essayons de procéder pas à pas.
1. Dans le template index_body, supprimons tout ce qui n'a plus d'utilité.
Repérez et supprimez:

Code:

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

et

Code:

<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

2. Il reste alors à structurer le tableau.
Nous enlevons les td et tr en trop ansin que quelques span qui font doublons et les remplaçons par des sauts de ligne (<br />) pour réunir les variables dans un seul cadre. Donc ceci:

Code:

<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} :  {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>

Devient:

Code:

      <td class="row1" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   <td valign="top">
   <table>{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table>
   </td></tr><tr>
      <td class="row1" colspan="2"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1"  colspan="2">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {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>

Vous aurez alors une colonne avec les statistiques, et une colonne avec les derniers connectés et les anniversaires. J'ai laissé en dessous la légende des groupes et la connexion à la chatbox. Pour modifier l'apparence de tout ceci, il faudra remplacer les class existantes par de nouvelles et passer par la feuille CSS personnalisée.

Cordialement.

[ADRENALINE. ♥]

Merci beaucoup , ça me donne ceci : http://hpics.li/400a2e9
J'aimerais également déplacer les groupes au dessus des deux tableaux et de le centrer , est-ce que c'est cette partie ?

Code:

<td class="row1" colspan="2"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}

Ps : est-ce que je peux vous poser une autre question mais qui n'a aucun rapport avec le qeel ? si ça ne vous dérange pas :s

[Invité]

C'est tout ceci qu'il faut déplacer pour les groupes:

Code:

<tr>
      <td class="row1" colspan="2"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

Si vous souhaitez retirer les couleurs de fond des cellules, il faut repérer les class="row1" dans la partie du QEEL et les supprimer. Pour la partie des derniers connectés, c'est un peut plus compliqué. Repérez:

Code:

<table>{L_CONNECTED_MEMBERS}

et remplacez par:

Code:

<table class="lastco">{L_CONNECTED_MEMBERS}

puis ajouter dans votre CSS personnalisé:

Code:

.lastco.row1{background-color: transparent;}

La règle sur le forum est qu'un sujet doit être ouvert pour chaque question concernant un problème différent, de manière à faciliter les recherches ultérieures .

Cordialement.

[Invité]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[ADRENALINE. ♥]

Merci beaucoup !
Je suis désolée , je n'ai pas reçu une notification de réponse :s
Je mets le sujet en résolu.