QEEL en deux colonnes

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu QEEL en deux colonnes

Message par ADRENALINE. ♥ le Ven 14 Oct 2011 - 17:50

Bonsoir , j'aurais aimer savoir comment faire un qeel en deux colonnes comme sur cet exemple ( http://img4.hostingpics.net/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.


Dernière édition par ADRENALINE. ♥ le Ven 18 Nov 2011 - 11:13, édité 1 fois

ADRENALINE. ♥
*

Féminin
Messages : 37
Inscrit(e) le : 22/08/2011

http://feu-ardent.forumactif.org
ADRENALINE. ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par Invité le Lun 24 Oct 2011 - 10:37

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par ADRENALINE. ♥ le Lun 24 Oct 2011 - 10:38

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

ADRENALINE. ♥
*

Féminin
Messages : 37
Inscrit(e) le : 22/08/2011

http://feu-ardent.forumactif.org
ADRENALINE. ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par ADRENALINE. ♥ le Mar 25 Oct 2011 - 10:35

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

ADRENALINE. ♥
*

Féminin
Messages : 37
Inscrit(e) le : 22/08/2011

http://feu-ardent.forumactif.org
ADRENALINE. ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par Invité le Mar 25 Oct 2011 - 14:02

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par ADRENALINE. ♥ le Mar 25 Oct 2011 - 17:53

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

ADRENALINE. ♥
*

Féminin
Messages : 37
Inscrit(e) le : 22/08/2011

http://feu-ardent.forumactif.org
ADRENALINE. ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par Invité le Mar 25 Oct 2011 - 21:15

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

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par Invité le Ven 18 Nov 2011 - 11:10

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 résolu 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 Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en deux colonnes

Message par ADRENALINE. ♥ le Ven 18 Nov 2011 - 11:13

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.

ADRENALINE. ♥
*

Féminin
Messages : 37
Inscrit(e) le : 22/08/2011

http://feu-ardent.forumactif.org
ADRENALINE. ♥ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum