Hey,
Je peux te proposer quelque chose ce soir si tu me donne ton template index_body =)

d'accord ! :) merci beaucoup Lunayine ^^
Le voici :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table id="msg_et" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN message_admin_titre -->
 <tr>
 <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
 </tr>
 <!-- END message_admin_titre -->
 <!-- BEGIN message_admin_txt -->
 <tr>
 <td rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
 </td>
 </tr>
 <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle" align="right">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 <!-- BEGIN switch_user_logged_in -->
                  <span style="font-style: italic; font-size: 13px;"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall"><b>{L_MARK_FORUMS_READ}</b></a></span></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 
 </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- 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} :&nbsp; {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 -->
{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Oups, oublié le décalage horaire, je te fais ça.
Au fait, je peux te commenter le code si tu veux, mais je ne sais pas à partir de quel moment tu as besoin d'éclaircissements, exactement ?

Edit : En attendant ta réponse, voilà ce que je te propose. N'hésite pas à me dire ce que tu veux changer, j'ai improviser pour le style comme tu n'as pas donné beaucoup de précisions.

Désolé, je n'ai pas pu me connecter avant ! ^^"

Alors, pour le commentaire du code je vois pas trop ce que tu veux me dire:
- Modifier les phrases pour que ça corresponde au thème du forum ? :O
- Ou m'expliquer comment le modifier pour qu'il ressemble à ce que je veux ? :O
Parce que en fait, ce que je galère surtout à faire, c'est à séparer les éléments pour les mettre dans des tables différentes pour pouvoir ensuite les organiser et modifier l'apparence des <*div> ou <*tab>, mais aussi pouvoir obtenir les effets de survol des textes (je n'arrive pas à synchroniser les éléments ou à leurs permettre d'obtenir l'effet Hover que je voudrais :/ )

Ensuite, pour le qeel en lui-même, et bien j'aime plutôt bien la base :3 Mais un peu plus arrondis collerait mieux au reste du forum ^^'
Par contre, pour les groupes, je préférerais que les descriptions n'apparaissent que lors du survol, et non pas que la case reste constamment, mais qu'elle change au survol des groupes. J'aimerais aussi que les groupes soient de couleur différentes, que ça puisse faire les même couleurs que celles que j'ai mis à mes groupes (qui sont dans les tons rouge, violet et bleu).

Je parlais de la deuxième solution =)
Je vois, moi je "casse tout" pour simplement garder les variables et ensuite arranger tout comme je le souhaite, je n'aime pas les tableaux qui servent normalement à classer des données *habitude de sql*

Je ne suis pas sûre d'avoir compris ce que tu attendais pour le comportement des onglets, dis moi si tu préfère comme cela :


Pour le style il me faudrait le lien du forum si possible, ce sera plus simple.

D'accord
Je sais pas comment faire ça moi :O quand j'essaie d'enlever la partie de base du qeel pour ensuite la reconstruire avec mes variables à l’intérieur ça m’apparaît complètement déformé, et quand je tente de juste reconstruire avec des tab et div, c'est la même chose ^^"

Hum... non plutôt comme heu... comment dire... un cadre qui partirait de la case dudit groupe et qui s’agrandirait à côté pour décrire le groupe  :o je sais pas si je m'exprime correctement xD Et puis il faudrait que ce soit un peu plus petit, parce que les descriptions des groupes ne seront pas aussi grande que la case que tu as faite x)
J'ai trouvé des images d'une PA ici qui illustre un peu ce que je veux dire, mais pour les perso predef x) voilà les liens:
- Normal : https://i.servimg.com/u/f39/19/07/10/81/captur11.jpg
- Survol du "lien" : https://i.servimg.com/u/f39/19/07/10/81/captur53.png

Et voilà le lien du forum : http://wonderlandtales.forumactif.org/

Han, une infobulle en fait. D'ac, je te fais ça. J'ai fais du compliqué pour rien haha.
Donne moi les phrases que tu veux pour ta qeel également, je te fais ça ce soir.

Edit : Voilà pour les groupes, ça te va ? Je sais que ce n'est pas pareil mais du coup y a un emplacement vide alors c'est plus joli s'il sert à quelque chose :v:
Si tu préfère vraiment que la description s'affiche juste à coté de l'onglet, et donc à un endroit différent à chaque fois, je peux modifier le reste de la qeel au pire.

Désolé ^^" mais oui voilà, c'est ça x)
Merchiiiii >w<
Alors, voilà les phrases (dans l'ordre dans lequel elles apparaissent sur mon qeel actuel):

1. Les Reflets ont laissés X traces de leur passage :
   
2. ils sont désormais X à être tombés à Wonderland
   
3. grâce au dernier petit arrivé nommé X.
   
4. Actuellement, il y a X personnages présents dont X Reflets, X dissimulés et enfin X futur habitants :
   
5. Le plus grand nombre de Reflets aperçus simultanément s'élève à X !
   
6. Ils se nomment X, X, X [...]
   
7. Au cours des dernières 48 heures, les Reflets aperçus sont : X, X, X [...]
   
8. C'est un non-anniversaire aujourd'hui ! (pas d'anniversaire aujourd'hui) / Et nous aurons 7 jours de non-anniversaire ! (pas d'anniversaire dans les 7 prochains jours)
   
9. C'est un jour d'anniversaire aujourd'hui ! Celui de X ! (anniversaire aujourd'hui) / Dans 7 jours, ce sera l'anniversaire de X ! (anniversaire dans les 7 prochains jours)
   

Je voudrais qu'elles apparaissent dans un ordre précis dans le qeel final si possible :O
- Statistiques 1er paragraphe: [1] [2] [3] [5]
- Statistiques 2nd paragraphe: [4] [6]
- Statistiques 3eme paragraphe: [8] / [9] (vu qu'il s'agit de la même chose, les anniversaires, mais selon si oui ou non il y en a le jour même et les 7 prochains jours)
- Petit bandeau en bas: [7]

Merci beaucoup beaucoup !! >w<

[EDIT] Je viens de voir les groupes, les infobulles me vont comme ça personnellement ^^ par contre, est-ce qu'il serait possible de réduire un peu la case de description ? La description totale des groupes ne sera jamais assez grande pour remplir totalement la case sinon, et ça ne fera pas très beau ^^"

J'avais oublié que tu les voulais plus petites. Donc, je crois que tout est bon ? Dis moi si tu veux modifier quelque chose avant que je ne poste les codes.

par-fait !! ^w^ merci beaucoup !!! >w<

Alors, le code CSS à mettre dans ta feuille de style :



J'ai indiqué les endroits où tu peux changer la couleur des onglets ou du fond de la qeel. (Les 'nuances' changeront toutes seules)

Le code du template index_body :



Dis moi vite si tout fonctionne sur ton forum !

Je vais vite tester ça >w<

EDIT: Erm... y a un bug je crois xD j'te laisse aller voir par toi-même, mais ça bug ^^"

Honte à moi, comme d'habitude j'ai oublié les crédits. Code complet édité :c

Je modifierais avec tes crédits t'en fais pas ^w^ après le boulot que tu réalises, je ne compte pas t'enlever tes lauriers hehe x3
Mais pour l'instant, faudrait que ca marche xD

Ah, ce n'est pas de ma faute, tu as du CSS non protégé qui interfère totalement avec ma QEEL ^-^
J'ai déjà repéré un .description tout seul.
Cherche ce code  dans ta feuille de style et met le nom du parent devant :

Code:

.description {
background: rgba(0,0,0,0.2);
border: 2px solid #53948B;
border-radius: 5px;
font-size: 14px;
font-variant: small-caps;
height: 80px;
left: 3em;
overflow: auto;
padding: 15px;
position: relative;
text-align: justify;
text-shadow: 1px 1px 2px #53948B;
top: 2em;
width: 400px;

Je regarde s'il y en a d'autre.

ah zut ! :O d'accord je vais m'en occuper et je te tiens au courant

Bon, j'ai regardé, si tu règle ça tu n'auras plus qu'à ajouter ton image de qeel dans le panneau d'administration et tout sera bon.

Edit : Pour enlever le fond vert derrière le QEEL, trouve ce code à la ligne 163 de ton template index_body :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

et remplace le par ce code :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background:transparent;">

Tout est bon, je viens de modifier ! Merci énooooormément en tout cas >w<