Faire une ChatBox latérale coulissante à droite.

[Cass']

• Bonsoir ! Voilà j'aimerais mettre ma chatbox à droite et pouvoir la faire coulisser. Je n'ai aucune idée de ce que je dois faire, j'ai déjà essayé plusieurs choses mais rien ne marche. Je sais que cela est possible de la mettre sur le côté droit, je l'ai vu il y a longtemps sur un forum. :3 Je vous passe le code que j'ai dans mon template overall_header. En espérant que quelqu'un pourra m'aider. (:
  
  

  Code:

  <table style="position: fixed; bottom: 50px; left: 10px; 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://i56.tinypic.com/118dgzk.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i56.tinypic.com/118dgzk.png')?'block':'none';this.src=(this.src=='http://i56.tinypic.com/118dgzk.png')?'http://i55.tinypic.com/5dp210.png':'http://i56.tinypic.com/118dgzk.png';"/></td></tr></table>

[Horatio]

Bonsoir,

Mettez ceci dans la description de votre forum :

Code:

<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://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

[Cass']

• Bonsoir. Par Description vous voulez dire PA › Général › Configuration › Description du site ? Si c'est le cas, ça beug. :/ Voilà le résultat en screen : https://2img.net/h/oi52.tinypic.com/2dahe8h.jpg
  
  Merci d'avance .o.

[Horatio]

Allez dans le PA, Modules, chatbox puis mettez ne pas afficher la chatbox pour voir.

Cordialement

[Cass']

• Ça fait la même chose sauf qu'il y a marqué que la CB n'est pas activée. :/

[TheOursBlanc]

Cass' vous parlez de la chatbox latéral ?

[Cass']

• Oui je parle d'une chatbox latérale. .w.

[TheOursBlanc]

Quel et votre code dans la page Html pour la chatbox latéral ?

[Horatio]

Avez vous activez la chatbox ?
xvaly ce n'est pas une page html mais une template ^^

[TheOursBlanc]

A désolé du dérangement.

[Cass']

• xValy › C'est pas grave et merci.
  Horatio › Activer ou non si je la met dans la description du forum elle beug. :/ Je vois pas du tout comment faire.

[Horatio]

Avez vous activé le html ?
Sinon allez voir ceci :
Ici
Cordialement

[Lixyr]

Bonsoir, Cass'.


Oulala, alors d'une part si on veut une chatbox latérale, ça se place dans un template, et non pas dans la description du forum. ^^

Dans la description du forum on ajoute une balise script reliée à une page html. Ici, le code doit se situer dans le template index_body.

Cass, mets ton code dans le template index_body, et ensuite dis-moi si ça marche. Si ça ne marche pas, mets le code que tu as mis, avec son css, ici, entre deux balises codes.


Cordialement.

[Horatio]

Bonjour,

Lixyr ce code ma était fournis par Anzu et il ma dit de le placer dans le message de la page d'acceuil du forum, chose que j'ai faites et sa à marché trés bien ^^

Cordialement

[SandyL]

Bonjour,

Quel type de bug avez-vous ?

[Cass']

• Bonjour à tous,
  
  Horatio › Oui le HTML est activé. .w.
  Lixyr › J'ai essayé le code dans le template index_body mais ça n'a rien changé. Voilà mon code de départ je n'ai pas de CSS avec :

  Code:

  <table style="position: fixed; bottom: 50px; left: 10px; 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://i56.tinypic.com/118dgzk.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i56.tinypic.com/118dgzk.png')?'block':'none';this.src=(this.src=='http://i56.tinypic.com/118dgzk.png')?'http://i55.tinypic.com/5dp210.png':'http://i56.tinypic.com/118dgzk.png';"/></td></tr></table>

  Merci d'avance. .w.
  SandyL › Bonjour. Au départ je n'ai pas de beug, j'aimerais pouvoir mettre ma CB sur le côté droit et la faire coulisser. Pour le moment, le seul beug que j'ai eut c'est lorsque j'ai mis le code d'Horatio dans la description de mon forum. Cordialement. :3
  

[SandyL]

Avez-vous des widgets ?

[Lixyr]

Et en essayant comme ça ?

Code:


<table style="position: fixed; bottom: 50px; right: 10px; 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://i56.tinypic.com/118dgzk.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i56.tinypic.com/118dgzk.png')?'block':'none';this.src=(this.src=='http://i56.tinypic.com/118dgzk.png')?'http://i55.tinypic.com/5dp210.png':'http://i56.tinypic.com/118dgzk.png';"/></td></tr></table>

j'ai modifié left : 10px par right:10px, pour que ça se place à droite (et ça marche très bien).

Tu mets ce code dans le template index_body, tout en bas, ici :

</tr>
</table>
ICI TON CODE DE LA CHATBOX
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>

[Cass']

• SandyL › Non je n'en ai pas je viens de vérifier. .w.
  Lixyr › Ça ne semble pas marcher sur mon forum, le bouton de la CB n'apparaît pas, j'ai réessayé plusieurs fois voir si c'était moi qui m'étais trompé. :/ Je vous passe mon index_body avec dedans mon code, peut être que l'erreur vient du template que j'aurais modifié ou autre.

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}<script type="text/javascript" src="http://misery-business.forum-gratuit.net/h1-onglets-sous-pa"></script>
<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">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- 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 border="0" width="100%" class="qeel_start" cellpadding="2">

 
  <tr>

    <center>
<span><div style="background-color:#ffffff; color:#281B38; font-size:15px; text-transform:uppercase;">  <center>
        <img src="http://i51.tinypic.com/33udeuc.png">
        <center><strong><span class="groupes"> <a href="http://misery-business.forum-gratuit.net/g4-mages"><font color="#A0BFD6" size="3">MAGES</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"></strong>
        <span class="groupes"><a href="http://misery-business.forum-gratuit.net/g5-altruistes"><font color="#DBCAA0" size="3">AUTORITÉS</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
        <span class="groupes"> <a href="http://misery-business.forum-gratuit.net/g6-humains"><font color="#BEE3A8" size="3">HUMAINS</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
        <span class="groupes"><a href="http://misery-business.forum-gratuit.net/g7-alchimistes"><font color="#DBA0A0" size="3">ALCHIMISTES</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
        </span></center>   </div>
</span>
  </center>

<br>
      <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/,"Les psycopathes fous de Misery Business ont lancé un total de");
            </script>
            <script type="text/javascript">
            document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sortilèges.");
                </script> <span id="users">{TOTAL_USERS}</span>
            <script type="text/javascript">
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"psycopathes. ");
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"pyscopathes qui cherchent à être les maîtres du monde.");
            </script> <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 dernier à avoir été capturé dans nos filets est");
            </script>.

<span id="totaluser">{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Psycopathe présent");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Psycopathes présents");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Guerrier");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Guerriers");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Âme Perdue");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Âmes Perdues");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Etranger.");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Étrangers.");
            </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/,"Guerriers éveillés parcourant actuellement le monde d'Aswald");
            </script>
                                      <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 de guerriers éveillés en même temps est de ");
            </script>.
        </span></div>


      </td>
   
      <td style="padding-left: 10px; vertical-align: top; border-left: 1px dashed #c3c3be;" 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 -->{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>
<table style="position: fixed; bottom: 50px; right: 10px; 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://i56.tinypic.com/118dgzk.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i56.tinypic.com/118dgzk.png')?'block':'none';this.src=(this.src=='http://i56.tinypic.com/118dgzk.png')?'http://i55.tinypic.com/5dp210.png':'http://i56.tinypic.com/118dgzk.png';"/></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 -->

[Lixyr]

Si, ça marche ^^ (regarde sur mon forum test

Ton fond est de quelle couleur ? Ça peut venir de ça.

[Cass']

• Mon fond est gris c'est pour ça que je comprend pas pourquoi ça marche pas. o_o

[Automne]

Bonjour,

Vous avez vérifié pa << module << chatbox << configuration

activer la chatbox : oui
Affichage de la chatbox : ne pas afficher

Vérifier aussi le template index body, si il est publié en cliquant sur la croix verte devant

Amicalement

[Cass']

• Oui j'ai déjà vérifié ça.

[Lixyr]

C'est sur ce forum-ci : misery business ?

[Cass']

Ouip c'est sur ce forum. .w.

[Lixyr]

Essaie de mettre le template index_body que j'ai donné, oui le tien, pour voir si je vois quelque chose.

[Cass']

• Je suis désolé, je vais passer pour une débile mais je n'ai pas tout à fait compris ce que vous vouliez dire Lixyr. .w. Mettre à nouveau le code que vous m'avez passez pour voir si quelque chose a changer ?

[Lixyr]

Oui moi je vous ai passé le code pour la chatbox à droite, à mettre dans le template index_body.

Ensuite, tu as posté ton template index_body en disant que ça ne marchait pas. Ce 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}<script type="text/javascript" src="http://misery-business.forum-gratuit.net/h1-onglets-sous-pa"></script>
    <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">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- 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 border="0" width="100%" class="qeel_start" cellpadding="2">

   
      <tr>

        <center>
    <span><div style="background-color:#ffffff; color:#281B38; font-size:15px; text-transform:uppercase;">  <center>
            <img src="http://i51.tinypic.com/33udeuc.png">
            <center><strong><span class="groupes"> <a href="http://misery-business.forum-gratuit.net/g4-mages"><font color="#A0BFD6" size="3">MAGES</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"></strong>
            <span class="groupes"><a href="http://misery-business.forum-gratuit.net/g5-altruistes"><font color="#DBCAA0" size="3">AUTORITÉS</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
            <span class="groupes"> <a href="http://misery-business.forum-gratuit.net/g6-humains"><font color="#BEE3A8" size="3">HUMAINS</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
            <span class="groupes"><a href="http://misery-business.forum-gratuit.net/g7-alchimistes"><font color="#DBA0A0" size="3">ALCHIMISTES</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
            </span></center>  </div>
    </span>
      </center>

    <br>
          <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/,"Les psycopathes fous de Misery Business ont lancé un total de");
                </script>
                <script type="text/javascript">
                document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sortilèges.");
                    </script> <span id="users">{TOTAL_USERS}</span>
                <script type="text/javascript">
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"psycopathes. ");
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"pyscopathes qui cherchent à être les maîtres du monde.");
                </script> <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 dernier à avoir été capturé dans nos filets est");
                </script>.

    <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                <script type="text/javascript">
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Psycopathe présent");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Psycopathes présents");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Guerrier");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Guerriers");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Âme Perdue");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Âmes Perdues");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Etranger.");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Étrangers.");
                </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/,"Guerriers éveillés parcourant actuellement le monde d'Aswald");
                </script>
                                          <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 de guerriers éveillés en même temps est de ");
                </script>.
            </span></div>


          </td>
     
          <td style="padding-left: 10px; vertical-align: top; border-left: 1px dashed #c3c3be;" 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 -->{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>
    <table style="position: fixed; bottom: 50px; right: 10px; 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://i56.tinypic.com/118dgzk.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i56.tinypic.com/118dgzk.png')?'block':'none';this.src=(this.src=='http://i56.tinypic.com/118dgzk.png')?'http://i55.tinypic.com/5dp210.png':'http://i56.tinypic.com/118dgzk.png';"/></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 -->

il est encore activé sur le forum ou pas ?

Car si tu regardes sur mon forum-test : , ton code marche bien pour la chatbox.

[Cass']

• Oui le code que vous m'avez passé est toujours dans mon template. Je comprend pas pourquoi ça marche pas... Parce que je le vois bien que ça marche sur votre forum test. Là le bouton n'apparaît carrément plus. :/
  
  EDIT : J'AI TROUVÉ ! En fait c'était réellement tout bête ce beug, j'ai juste placé le code ailleurs dans le template. Donc ça marche enfin, merci beaucoup, sincèrement à tous. <3

[Lixyr]

Okay, alors on récapitule :

premièrement :

panneau d'admin >> modules >> chatbox >> configuration :
activer la chatbox : oui
afficher la chatbox : non

deuxièmement :

mettre le code uniquement dans le template index_body.


Pour le doute, Cass : essaie d'enregistrer tous tes templates modifiés, chacun dans une page de bloc note que tu enregistreras dans tes documents, et retire-les tous, sauf ton template index_body.

Et regarde si ça se ré affiche.


*edit*

Ah oui généralement les casse-tête finissent généralement par trouver leur réponse dans quelque chose de simple ^^".
J'aurais même du proposer ça en premier ...

Bien joué, Cass.