Il nous faudrait juste les images de fond ou alors des dimensions pour nous aider à faire ça! =P

Kookoow ^^

Merci pour la réponse rapide. Voici l'image sans les textes : https://www.zupimages.net/up/14/20/lzqg.png
Le tableau partenaire fait environ 632px de large par 255 de haut et le QEEL 726px de large par 421 de haut ^^.

Si tu as besoin d'autre chose, n'hésite pas :)

Et voilà qui est fait! Click!
Dis-moi si ça te va, j'ai essayé de suivre ton schéma au mieux! ^w^ J'ai fait un effet assez simple sur les partenaires, dis-moi si c'est à modifier ou quoi que ce soit! ^^

Au fait! Je me suis permise de modifier plus de phrases et de rajouter ce qui manquait, dis-moi si c'est ok tout de même ou s'il y a des choses que je dois modifier! Je peux encore modifier d'autres phrases, ou les modifier autrement, c'est à toi de voir

Kookoow :)
Je ne peux malheureusement pas regarder correctement sur mon téléphone (je suis absente de chez moi ^^).
Donc mardi sans faute je te reviens avec mes commentaires. Pour le moment, ça semble super. Merci !

Pas de problème, j'attendrais donc d'ici mardi

L'effet est sympa :)
Mais j'ai une petite question: Étant donné que j'ai tout de même beaucoup de groupe, est-ce que ça risque de poser problème avec le design du QEEL ? Si oui, dis-moi si tu préfères que je le modifie en conséquence ^^.

Coucou! ^^
Alors normalement ça ne devrait pas causer de problème, vu que j'ai mit une largeur maximale et que le toute "wrap" donc à la fin de ligne. J'ai exprès aligné à droite comme sur ton schéma d'ailleurs! ^^
Pour que ça se voie mieux, j'ai rajouté des groupes (il y en a 7) mais qui ont un nom plus long que les tiens sur le schéma, donc tu vois plus ou moins ce à quoi ça ressemblerait! ^^
Tu me dis si ça te va! ^w^

C'est parfait comme ça

Et voilà les codes!



Si tu ne sais pas où mettre quelque chose ou as le moindre problème, dis-moi! ^^

Super ! J'installe ça de ce pas :)
Un gros merci à toi ^^

EDIT: Ça fonctionne, mais le QEEL n'est pas centré et il y a de petites fautes dans le texte. Voici ce que ça doit donner ^^
'' Nos archives comptent 333 missives. Nous avons 8 citoyens, dont la nouvelle recrue ~~~ ''.

En gros, il y avait un espace avant le premier point (missives .) et un point de trop devant ''dont''.

Ah Fluff', désolée, javais pas vu ton edit! J'espère que tu n'attends pas de mes nouvelles depuis trop longtemps!

Pour centrer le QEEL, il suffit de changer l'ancien #qeel dans le CSS par celui-ci:

Code:

#qeel {
  width: 800px;
  height: 682px;
  position: relative;
  color: #AAAAAA;
  margin: auto;
  background-image: url('http://zupimages.net/up/14/20/lzqg.png');
}

Pour le reste, je te redonne le même bout HTML qu'avant mais édité. J'espère que cela va régler le problème!

Code:

    <!-- BEGIN disable_viewonline -->
    <div id="qeel">
      <div id="groupes_qeel">
        <span class="gensmall">{LEGEND} :&nbsp;{GROUP_LEGEND}</span>
      </div>
      <div id="infos_qeel">
        <span class="gensmall">
          <span id="post_nyo">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('post_nyo').innerHTML=document.getElementById('post_nyo').innerHTML.replace(/Nos membres ont posté un total de/,"Nos archives comptent");</script><script type="text/javascript">document.getElementById('post_nyo').innerHTML=document.getElementById('post_nyo').innerHTML.replace(/messages/,"missives");</script></span>.
          <span id="users_nyo">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('users_nyo').innerHTML=document.getElementById('users_nyo').innerHTML.replace(/membres enregistrés./,"citoyens, ");</script>.
          <span id="new_user_nyo">{NEWEST_USER}</span>
          <script type="text/javascript">document.getElementById('new_user_nyo').innerHTML=document.getElementById('new_user_nyo').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"dont la nouvelle recrue");</script>
        </span>
        <br/><br/>
        <span class="gensmall">
          <span id="online_users_nyo">{TOTAL_USERS_ONLINE}</span>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/il y a en tout/,"Il y a en tout, se promenant dans le royaume");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/utilisateur en ligne/,"personne");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/utilisateurs en ligne/,"personnes");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/::/,"soit");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Enregistré/,"citoyen");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Enregistrés/,"citoyens");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Invisible/,"esprit");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Invisibles/,"esprits");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Invité/,"recrue potentielle .");</script>
          <script type="text/javascript">document.getElementById('online_users_nyo').innerHTML=document.getElementById('online_users_nyo').innerHTML.replace(/Invités/,"recrues potentielles .");</script>
        </span>
        <br /><br/>
        <span class="gensmall">
          <span id="step">{LOGGED_IN_USER_LIST}</span>
          <script type="text/javascript">document.getElementById('step').innerHTML=document.getElementById('step').innerHTML.replace(/Utilisateurs enregistrés/,"En train de parcourir les lieux ");</script>
          <table id="connected">
            {L_CONNECTED_MEMBERS}
            <script type="text/javascript">jQuery('#connected span.gensmall').html(jQuery('#connected span.gensmall').html().replace(/Membres connectés/,"Ils fûrent parmis nous"));</script>
            {L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}
          </table>
        </span>
      </div>
      <div id="position_partenaires_qeel">
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
        <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" /></a>
      </div>
    </div>
    <!-- END disable_viewonline -->

Tout est parfait :)
Merci beaucoup Nyo !