QEEL: Groupe en haut et organisation en 2 colonnes

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

Résolu QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Ven 26 Aoû 2011 - 15:11

Bonjour Smile

Après vérifié & essayer de le faire moi toute seule, je viens vous demander de l'aide ^^

En faîtes, je souhaiterais rendre mon QEEL comme ceci :

Spoiler:


Serait-il possible ? Et si c'est le cas pouvez vous m'aider s'il vous plait ?

Je vous en remercies infiniment !

Bonne journée Smile


Dernière édition par Bella Mary Cullen le Dim 11 Sep 2011 - 21:20, édité 1 fois

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Sam 27 Aoû 2011 - 15:07

Up Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Dim 28 Aoû 2011 - 15:40

Up please Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Lun 29 Aoû 2011 - 21:14

Un autre petit Up Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Sam 3 Sep 2011 - 18:52

Up Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Dim 4 Sep 2011 - 19:36

Un Up et jusqu'à vendredi prochain pour cause d'internat !

Merci à vous Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Invité le Ven 9 Sep 2011 - 16:19

Bonjour,

Pour arriver à ce résultat, il va falloir modifier l'index_body, plus précisément cette partie:
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 -->


1.Retirer ce qu'il y a en trop.
  • a. L'en tête:
    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>

  • b. L'image:
    Repérez et supprimez:
    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. Modifier le tableau:
Cette partie
Code:
<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 -->
Devient:
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>      
      <td class="row1" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span><br>
      <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span>
<table>{L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table></td>
   <td  width="50%"><table>
   {L_CONNECTED_MEMBERS}</table></td>
      </tr>
   <!-- BEGIN switch_chatbox_activate -->

3. Placer les groupes au dessus du tableau.
Ceci:
Code:
<!-- BEGIN disable_viewonline -->
      <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Devient:
Code:
<!-- BEGIN disable_viewonline -->
      <div style="font-size: 12px;margin-bottom: -4px;padding 2px;">{GROUP_LEGEND}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
4. Ajouter une div pour la scrollbar et une div pour les cadres autour des variables concernés.

Il y a pas mal de petites choses à personnaliser, je vous laisse essayer. N'hésitez pas à poser des questions Wink .

Cordialement.

Invité
Invité


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

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Dim 11 Sep 2011 - 15:59

Bonjour !

Merci beaucoup d'avoir pris connaissance de ma demande Smile

Mais juste une petite question ; quand vous me dîtes de supprimer, il s'avère après que y a des codes qui partent pour ceux de la suite comme <!-- BEGIN disable_viewonline --> & <!-- BEGIN disable_viewonline -->

Est-ce normal ?
Cordialement,

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Invité le Dim 11 Sep 2011 - 16:13

Bonjour,

Je ne suis pas sure d'avoir compris. Avant de faire mon message j'ai pris le temps de tester les modifications indiquées.

Le premier code que je vous ai mis est la partie du template par défaut, pour avoir une idée de la partie à modifier. Les parties à supprimer sont en a et b et ne touche pas à la balise <!-- BEGIN disable_viewonline -->

Cordialement.

Invité
Invité


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

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Dim 11 Sep 2011 - 16:50

En faîtes en supprimant la partie modifiée ressemble à ça :


<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<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 -->

Et sur la suite pour la modification, je ne peux plus faire les changements Embarassed

Cordialement,

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Invité le Dim 11 Sep 2011 - 18:49

Il ne manque pas grand chose Smile . Voici la partie du template complètement modifiée.
Code:
<!-- BEGIN disable_viewonline -->
      <div style="font-size: 12px;margin-bottom: -4px;">{GROUP_LEGEND}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>     
      <td class="row1" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span><br>
      <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span>
<table>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table></td>
  <td  width="50%"><table>
  {L_CONNECTED_MEMBERS}</table></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 -->

Cela pose la structure, maintenant il faut ajouter la partie CSS pour avoir des cadres autour de certains éléments. Il faut encadrer les variables concernées avec des div.

Cordialement.

Invité
Invité


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

Résolu Re: QEEL: Groupe en haut et organisation en 2 colonnes

Message par Bella Mary Cullen le Dim 11 Sep 2011 - 21:20

Et ben c'est parfait Smile

Demain je m'attaque au CSS !

Merci infiniment pour votre aide !!!

Problème résolu Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen 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