Problème avec le QEEL.

[Botan]

Bonjour,

Je me lance dans la restauration de mon forum, et j'ai déjà utilisé beaucoup d'astuces (très utiles) disponibles sur ce forum. J'ai essayé plusieurs fois de changer l'apparence de mon QEEL, et de plusieurs manières, mais rien n'y fait, il reste encore et toujours le même.

Voila ce que je voudrais réussir à faire :

Spoiler:

Voici mon template :

Code:

    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" 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 class="row1" 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'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.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 class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
           
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
               
               
               
                <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                 
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </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'" v="2" perms="{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 -->
<div class="position1">
          <!-- BEGIN switch_viewonline_link -->
          <center><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></center>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <center><span class="cattitle">{L_WHO_IS_ONLINE}</span></center>
          <!-- END switch_viewonline_nolink --></div>
<table class="qeel" width="100%" border="1" cellspacing="0" cellpadding="10">
  <tr>
      <td>
        <table>
            <tr>
              <td class="qeelcel" width="30%" valign="top">
                  <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
              </td>
              <td class="qeelcel" width="30%" valign="top">
                  <table>{L_CONNECTED_MEMBERS}</table>
              </td>
              <td class="qeelcel" width="30%" valign="top">
                  <span class="gensmall">
                  <span id="kumao">{TOTAL_POSTS}</span>
                  <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membres/,"Grapheuse");</script>
                 


                  <span id="matt">{TOTAL_USERS}</span>
                  <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre/,"Grapheuses");</script>
                 


                  <span id="yosh">{NEWEST_USER}</span>
                  <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"La Grapheuse la plus récente");</script>
                  <br><br>
                  <span id="roti">{TOTAL_USERS_ONLINE}</span>
                  <script type="text/javascript">document.getElementById('roti').innerHTML=document.getElementById('roti').innerHTML.replace(/utilisateur/,"grapheuse(s)");</script>
                  <br>

                  <span id="poule">{RECORD_USERS}</span>
                  <script type="text/javascript">document.getElementById('poule').innerHTML=document.getElementById('poule').innerHTML.replace(/du nombre d'utilisateurs/,"de grapheuses");</script>
                  <br>

                  <span id="frites">{LOGGED_IN_USER_LIST}</span>
                  <script type="text/javascript">document.getElementById('frites').innerHTML=document.getElementById('frites').innerHTML.replace(/Utilisateurs enregistrés/,"Grapheuse(s) en ligne");</script>
                  <br><br></span>
                  <table>{L_WHOSBIRTHDAY_TODAY}
                  <span id="anniv"></span>
                  {L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres/,"Grapheuses").replace(/Membres/,"Grapheuses").replace(/Aucun membre/,"Aucune grapheuse").replace(/Aucun membre/,"Aucune grapheuse");</script>
                  </table>
                  <!-- BEGIN switch_chatbox_activate -->
                  <span class="gensmall">
                  <span id="jambon">{TOTAL_CHATTERS_ONLINE}</span>
                  <script type="text/javascript">document.getElementById('jambon').innerHTML=document.getElementById('jambon').innerHTML.replace(/utilisateur(s)/,"grapheuse(s)");</script>
                  :  {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>
                  <!-- END switch_chatbox_activate -->
              </td>
            </tr>
        </table>
        <div class="position2"><center><span class="cattitle">GROUPES</span></center></div>
      </td>
  </tr>
      <td colspan="3">
        <span class="gensmall">{GROUP_LEGEND}</span>
      </td>
  </tr>
</table>
<!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum"?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Et ma feuille CSS :

Code:

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

.bodyline {
-moz-border-radius:10px;
}

.forumline{
background-color: #78634F;
-moz-border-radius: 10px ;
border: 5px #78634F solid;
}

a.forumlink
{
background-color: #transparent;
text-shadow: #f5f8de 1px 1px 1px;
background-image: url('http://nsa15.casimages.com/img/2010/05/09/100509044510844127.png');
color: #894E45;
display: block;
font-family: Calibri;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.mainmenu{
color: #ffffff;
font-size:14px;
font-family: calabri;
text-decoration:none;
padding-right:8px;
padding-left:8px;
background-color: #78634F;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

/* page accueil */
.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
background-color:#78634F;
color:#000000;
font-size:11px;
margin:0;
padding:3px 10px;
}

.boxtitle {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
background-color:#78634F;
color:#000000;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
/* fin */

.vignettes
{ -moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

.descriptions-categories{
border: 1px #000000 solid;
-moz-border-radius: 30px 10px 30px 10px;
-webkit-border-radius: 30px 10px 30px 10px;
border-radius: 30px 10px 30px 10px;
background-color: #b8b8b8;
}

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                moz-border-radius:10px:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }

.qeelcel {
border : 1px solid #000000;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -ô-border-radius:15px;
    -khtml-border-radius:15px;
    border-radius:15px;
padding : 5px;
}


 a { text-decoration: none; }

.qeelligne {
background-image: url('http://i45.servimg.com/u/f45/16/25/53/08/24543110.jpg');
background-repeat: no-repeat;
height:150px;
width:500px;}

.lock  {
  position: relative;
  cursor: pointer;
}
.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  padding-left : 2px;
  padding-right : 2px;
  padding-top  : 2px;
  padding-bottom : 2px;
    top: 90px;
    left: 45px;
      width: 100px;
  /* style du bloc qui apparait */
  color: #707070;
  border: 1px solid #7A5E5E;
  border-radius: 3px;
  background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
  -moz-border-radius: 3px;
  text-align: center;
    visibility: visible;
}
.lock:hover .lock-hidden {
  display: block;
}
.qeelcel {
border : 1px solid #000000;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -ô-border-radius:15px;
    -khtml-border-radius:15px;
    border-radius:15px;
padding : 5px;
}

.qeel {
border : 1px solid #000000;
}

.position1 {
position : relative;
top : 8px;
}

.position2 {
position : relative;
top : 20px;
}

Merci d'avance

[Scipion]

Bonjour

Une proposition de Qeel : Template index_body

Code:

{JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" 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 class="row1" 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'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.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 class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
         
                  <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                  <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </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'" v="2" perms="{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="qeel" width="100%" border="1" cellspacing="0" cellpadding="10">
  <tr>
      <td>
        <table>
            <tr>
<div style="border:1px solid #000000; moz-border-radius: 12px; webkitborder-radius:12px; border-radius:12px;">
<center><span class="cattitle">GROUPES</span></center>
</div><br>
            <td class="qeelcel" width="30%" valign="top"><br>
                  <span class="gensmall">
                  <span id="kumao">{TOTAL_POSTS}</span>
<script type="text/javascript">
document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membres/,"Grapheuses");</script><br /><br />
                  <span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">
document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"personne dans l'arbre");
document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"personnes dans l'arbre");</script><br /><br />
                  <span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">
document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"La Grapheuse la plus récente");</script><br><br>
                  <span id="roti">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('roti').innerHTML=document.getElementById('roti').innerHTML.replace(/utilisateur/,"grapheuse(s)");</script><br><br />
                  <span id="poule">{RECORD_USERS}</span>
<script type="text/javascript">
document.getElementById('poule').innerHTML=document.getElementById('poule').innerHTML.replace(/du nombre d'utilisateurs/,"de grapheuses");</script><br><br />
                  <span id="frites">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">
document.getElementById('frites').innerHTML=document.getElementById('frites').innerHTML.replace(/Utilisateurs enregistrés/,"Grapheuse(s) en ligne");</script><br>
            </td>
            <td class="qeelcel" width="30%" valign="top">
                    <span class="gensmall"><br>             
<table><div style="background;>{L_CONNECTED_MEMBERS}</DIV></table><br>
<table><div style="background;>{L_WHOSBIRTHDAY_TODAY}<br>
                  <span id="anniv"></span>
                  {L_WHOSBIRTHDAY_WEEK}
<script type="text/javascript">
document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres/,"Grapheuses").replace(/Membres/,"Grapheuses").replace(/Aucun membre/,"Aucune grapheuse").replace(/Aucun membre/,"Aucune grapheuse");</script>             
</table><br>
                  <!-- BEGIN switch_chatbox_activate -->
                  <span class="gensmall">
                  <span id="jambon">{TOTAL_CHATTERS_ONLINE}</span>
                  <script type="text/javascript">document.getElementById('jambon').innerHTML=document.getElementById('jambon').innerHTML.replace(/utilisateur(s)/,"grapheuse(s)");</script>
                  :  {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>
                  <!-- END switch_chatbox_activate -->
              </td>
            </tr>
        </table>
       
      </td>
  </tr>
     
  </tr>
</table>
<!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum"?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Cordialement

[Botan]

Merci beaucoup pour le code. Ça marche enfin.

Mais il y a un autre soucis, les boutons pour ma Chatbox latérale sont en dessous d'autres boutons :

Spoiler:

[Scipion]

Les images des boutons de votre chatbox intégrée dans le template index_body sont les suivantes :




Quelles sont les images qui interfèrent avec celles-ci ?

Cordialement

[Botan]

Celles que j'ai faites moi-même :

&

Je préférerai retirer celles qui sont intégrées si on peut alors.

[Scipion]

Veuillez tester svp votre template index_body modifié selon vos souhaits :

Code:

{JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" 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 class="row1" 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'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.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 class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
         
                  <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                  <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </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'" v="2" perms="{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="qeel" width="100%" border="1" cellspacing="0" cellpadding="10">
  <tr>
      <td>
        <table>
            <tr>
<div style="border:1px solid #000000; moz-border-radius: 12px; webkitborder-radius:12px; border-radius:12px;">
<center><span class="cattitle">GROUPES</span></center>
</div><br>
            <td class="qeelcel" width="30%" valign="top"><br>
                  <span class="gensmall">
                  <span id="kumao">{TOTAL_POSTS}</span>
<script type="text/javascript">
document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membres/,"Grapheuses");</script><br /><br />
                  <span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">
document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"personne dans l'arbre");
document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"personnes dans l'arbre");</script><br /><br />
                  <span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">
document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"La Grapheuse la plus récente");</script><br><br>
                  <span id="roti">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('roti').innerHTML=document.getElementById('roti').innerHTML.replace(/utilisateur/,"grapheuse(s)");</script><br><br />
                  <span id="poule">{RECORD_USERS}</span>
<script type="text/javascript">
document.getElementById('poule').innerHTML=document.getElementById('poule').innerHTML.replace(/du nombre d'utilisateurs/,"de grapheuses");</script><br><br />
                  <span id="frites">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">
document.getElementById('frites').innerHTML=document.getElementById('frites').innerHTML.replace(/Utilisateurs enregistrés/,"Grapheuse(s) en ligne");</script><br>
            </td>
            <td class="qeelcel" width="30%" valign="top">
                    <span class="gensmall"><br>             
<table><div style="background;>{L_CONNECTED_MEMBERS}</DIV></table><br>
<table><div style="background;>{L_WHOSBIRTHDAY_TODAY}<br>
                  <span id="anniv"></span>
                  {L_WHOSBIRTHDAY_WEEK}
<script type="text/javascript">
document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres/,"Grapheuses").replace(/Membres/,"Grapheuses").replace(/Aucun membre/,"Aucune grapheuse").replace(/Aucun membre/,"Aucune grapheuse");</script>             
</table><br>
                  <!-- BEGIN switch_chatbox_activate -->
                  <span class="gensmall">
                  <span id="jambon">{TOTAL_CHATTERS_ONLINE}</span>
                  <script type="text/javascript">document.getElementById('jambon').innerHTML=document.getElementById('jambon').innerHTML.replace(/utilisateur(s)/,"grapheuse(s)");</script>
                  :  {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>
                  <!-- END switch_chatbox_activate -->
              </td>
            </tr>
        </table>
       
      </td>
  </tr>
     
  </tr>
</table>
<!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum"?page=front;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i45.servimg.com/u/f45/16/25/53/08/ouvrir12.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i45.servimg.com/u/f45/16/25/53/08/ouvrir12.jpg')?'block':'none';this.src=(this.src=='http://i45.servimg.com/u/f45/16/25/53/08/ouvrir12.jpg')?'http://i45.servimg.com/u/f45/16/25/53/08/fermer11.jpg':'http://i45.servimg.com/u/f45/16/25/53/08/ouvrir12.jpg
';"/></td></tr></table>

Cordialement

[Botan]

Les boutons on disparut, mais ce sont mes propres boutons qui gênent.
Il faut que je clique deux fois sur le bouton "fermer" pour fermer la CB. Mais celui-ci devient le bouton "ouvrir".

De plus, le bouton "fermer" reste sur le côté :

[Scipion]

La chatbox intégrée au template fonctionne très bien sur mon forum avec vos deux boutons. Permettez-moi une petite question : n'auriez-pas installé un deuxième code de chatbox sur le forum qui expliquerait ce dysfonctionnement inattendu ?

Cordialement

[Botan]

C'est probable. Du coup, les deux feraient interférences ?

[Scipion]

Absolument, deux codes peuvent interférer mais il est préférable de s'en assurer à toute fin utile. Pour ce faire, supprimez le code de chatbox qui n'est pas installé dans le template, à titre de test.

Cordialement

[Botan]

J'ai restauré mon template viewonline_body comme vous l'aviez suggéré, mais cela ne change rien. Les boutons dérangent toujours.

[Scipion]

Bonjour

Dans quelles parties du forum aviez-vous installé le code de la chatbox latérale ?

Cordialement

[Botan]

C'est bon, ça marche. J'avais mis un code de Chatbox dans la PA. Je l'ai enlevé et j'ai validé le template, tout est bon. Merci beaucoup
Je voudrais savoir comment modifier les couleurs et les espaces maintenant, si c'est possible.

[Scipion]

S'agissant des couleurs, je vous recommande de prendre connaissance des explications détaillées contenues dans ce tutoriel ForumActif :

Les Couleurs

Cordialement

[Botan]

Merci. Et comment puis-je modifier les groupes qui s'affichent ? Avec les liens et tout.

[Scipion]

Pour vous permettre de trouver les réponses adéquates à toutes vos questions, je vous invite à consulter le lien suivant :

Listing des Questions & Réponses Fréquentes

Cordialement

[Botan]

Merci beaucoup !