Qui est en ligne avec 2 images.

[Valendium]

Bonjour à tous, chers membres de forum actifs.
Voila, j'aimerais, encore une fois, vous demandez un peu d'aide pour mon forum...
En effet, depuis deux jours, je tente de créer un QUEEL original et joli. Mais, sans succès. Mon Code HTML bug totalement, c'est pourquoi je m'en remet à vous - dans la mesure du possible -. S'il vous plait!!

J'ai fait un petit shéma de ce que j'aimerais. - Sur mon forum, tout se tasse sur la gauche..

Spoiler:

Merci d'avance. Et désolé de demander ça..

[SoraNoHime]

Bonjour

Pouvez-vous me fournir ce que vous avez déà tenter de faire via le template index_body ?

Cordialement.

[Valendium]

Bonjour! Je viens d'essayer une autre manière de faire. Donc ce n'est plus le 'plantage'. Mais je vous le donne quand même ^.^

Spoiler:

En fait le plus dure à placer c'est :

Code:

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />

Au dessus de la grande image. Parce que cette grande image en question se coupe... ralala, dure à expliquer tout ça °°

[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

[Valendium]

Je suis donc obligé de demander... UP? Please! T.T

[Invité]

Bonsoir,

J'ai réussi à obtenir l'apparence voulue en ajoutant 2 tableaux dans le tableau que vous avez fait. Le premier contient l'image et les groupes, le second contient la grande image et les 2 colonnes en dessous.
La partie du template modifiée:

Code:

<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2" background-color:#FFFFFF>
 
  <tr>
 <table width="100%"><tr><td><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
  <td width="100%" colspan="2" align="center" valign="bottom" class="fondgroupes">
            <span class="groupes"><a href="http://h-s-sup.forumactif.com/g12-directeur"><font color="#30AD98">Principal</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://h-s-sup.forumactif.com/g10-teachers-personnels"><font color="#6169FF">Personnels</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://h-s-sup.forumactif.com/g11-originals"><font color="#8ABBDB">Originals</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://h-s-sup.forumactif.com/g8-mysterious"><font color="#CE94D1">Mysterious</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://h-s-sup.forumactif.com/g3-powerful"><font color="#D45252">Powerful</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
<span class="groupes"><a href="http://h-s-sup.forumactif.com/g5-devious"><font color="#D2D452">Devious</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://h-s-sup.forumactif.com/g6-civilians"><font color="#4BA66B">Civilians</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
</div>
 
 
                  <br><br>
 
      </td>
  </tr></table>

<table width="100%">
  <tr>
<td colspan="2"> GRANDE IMAGE</td></tr>
<tr>
      <td width="50%"> 
   
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
      document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Bienvenue ici dans la plus grande école des héros et ses alentours! Rejoins nous dans la Heroes's Sup où nous avons déjà vécu");
            </script>
            <script type="text/javascript">
            document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"petites histoires farfelues");
                </script>
 
            <br>
                          <span id="users">{TOTAL_USERS}</span>
            <script type="text/javascript">
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"inscrit dans le campus.");
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"inscrits dans le campus. ");
            </script>
 
 
                        <br><br> <span id="newuser">{NEWEST_USER}</span>
            <script type="text/javascript">
              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le petit nouveau à nous avoir rejoint est");
            </script>.
            <br>Sois le bienvenue! Seras-tu un héro parmi les héros? Ou feras-tu partie du côté obscur de la force?
 
            <br><br> <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"intéressé ou intéressant");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"intéressés ou intéressants");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"personne");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"personnes");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Voyeur");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Voyeurs");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Voyageur");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Voyageurs");
            </script>
            <br><br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <script type="text/javascript">
              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les Héros qui apprennent encore leurs leçons sont ");
            </script>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
            <script type="text/javascript">
              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record des personnes traversant les ruelles sombres pour combattre le mal -ou vaincre le bien- a été de  ");
            </script>
        </span></div>
 
 
      </td>
   
      <td style="padding-left: 10px; vertical-align: top; border-left: 3px dotted #C6FF69;" width="50%"></div></div>
 
<br><div style="background;>{L_CONNECTED_MEMBERS}</div>
</table>
      </td>
  </tr>
 
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}
 
            <!-- 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 -->

Cordialement.

[Valendium]

Merci beaucoup de t'être occupé de ça Isolde!
C'est super gentil!! Merciiiiiiii ♫
A bientôt!!