Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 ( https://redcdn.net/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.


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

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

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
avatar

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

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

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
avatar

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

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
avatar

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

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