Sujets similaires

Super !! J'ai réussi merci Very Happy

J'ai essayé mais ça n'a rien changé.
Je suppose que j'ai dû me palnter quelque part :/

Sinon il y a plus simple

Vous mettez sa dans Affichage --> Page D'accueille -->Généralités

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; 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://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Lana. : Est-ce que tu es sûre d'avoir activé la chatbox sur ton panneau d'administration ? =O Parce que ça peut venir de là.... =)

Noémiie : oui, je sais qu'il est aussi possible de faire comme ça seulement il y a certaines personnes ((comme moi en l'occurrence)) qui ont besoin de toute leur place sur leur page d'accueil =) Mais je rajoute ça dans une variante si tu penses que c'est nécessaire =P

Personnellement, je pense qu'il y a assez de place pour faire la page d'accueil . Mais sinon, c'est nécessaire de l'avoir car sais beaucoup plus simple comme cela, je pense .

Oui, tu as raison, c'est plus facile =) Et je te l'accorde aussi, il faut vraiment en user des caractères pour arriver à la fin de la page d'accueil.... Mais ça m'est déjà arrivé alors voilà =] Bon, maintenant il y a les deux méthodes =P

B•øw a écrit:: Lana. : Est-ce que tu es sûre d'avoir activé la chatbox sur ton panneau d'administration ? =O Parce que ça peut venir de là.... =)

Heum non en fait c'est bon, c'était juste un problème avec l'hébergeur d'images Smile

Merci beaucoup pour ton aide et pour ton code. (:

Chez moi, le code fonctionne (via template), j'ai l'image pour ouvrir la box, mais rien ne s'affiche =/

Désolée, je ne peux pas éditer :/
J'ai trouver ce qui n'allait pas tout est bon maintenant.

Une petite question, comment faire pour avoir la box même sur les autres pages ? Car avec ta méthode on arrive qu'a l'avoir sur la page d'accueil, je me doute bien qu'il faut modifié d'autre template mais a vrais dire je n'ai pas le courage de réfléchir a ça

J'ai enfin réussi a faire quelque chose Very Happy

Sinjo a écrit:: Une petite question, comment faire pour avoir la box même sur les autres pages ? Car avec ta méthode on arrive qu'a l'avoir sur la page d'accueil, je me doute bien qu'il faut modifié d'autre template mais a vrais dire je n'ai pas le courage de réfléchir a ça

Il faut placer le code dans le template overall_footer Smile

Il est franchement formidable ce tutoriel, il marche parfaitement et fait la joie des grands et des petits Razz

La preuve, c'est qu'on le voit beaucoup sur pas mal de forum en ce moment lol!

Merci beaucoup Very Happy

Super petit Tuto...

Par contre, j'aurais une question pour les plus doués (malheureusement je n'en fais pas partie). En gros, j'aimerais faire le même système pour une chatbox externe au forum.

Par là, je veux dire que c'est une chatbox venant d'un site extérieur (ici, itchat.com).

Est-ce possible ?

D'après ce que j'ai compris, je devrais juste remplacer ça : ocument.getElementById('chatboxpop') par l'adresse de la chatbox externe, mais je ne sais comment le faire :s.

J'ai rien dit, j'ai trouvé, suffit juste de changer l'url... boulet qu'on dit

Bonjour, j'ai une petite question... (:
J'ai une chatbox externe et j'aimerai la faire glisser sauf que je ne connais pas le code qui fait glisser la chatbox et je me demandais si vous pouviez m'aider... (:

Merci d'avance !

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="[b][color=red]TON ADRESSE DE TA CHATBOX[/b][/color]" id="chatboxpop" scrolling="no" style="width: 600px; 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://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

J'ai repris le code de base proposé, à mettre dans la page Généralités. Si tu veux faire la modif dans le template, repère juste le code

Code:: <iframe src=

et remplace l'URL qui suit.

Merci ! (:

Coucou,

Tout d'abord, merci pour ce tutoriel.
Ensuite, j'ai un petit soucis avec les images de la chat box. Tout va bien jusqu'à ce que je la referme et la l'image reste celle de la fermeture alors que normalement devrait venir celle qui permette de l'ouvrir.

Comme je ne sais pas si c'est vraiment clair, voici un petit aperçu (j'ajoute également, je n'ai rien touché au code donc ça ne peut pas venir de là).

Spoiler:

Merci d'avance =P

Pourrais-tu nous donner ton code ? =)

Coucou,

Voici le code (j'ai tout mis comme ça, tu pourras voir s'il y a un problème sur le template d'une manière "générale" [raaah les codes >.<] ).

Spoiler:

Et merci beaucoup en tout cas <3

Argh erreur et je ne peux éditer (a quand ce petit bouton si utile? T^T)

Spoiler:

Code:: JAVAscript}

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

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </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>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
   </td>
</tr>
</table>
</form>



<table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques" align="center">
<tr>
<td width="250px"></td>
<td width="640px">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=4"><font color="#246B00" size="2">Groupe 1</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=6"><font color="#9eff9e" size="2">Groupe 2</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=3"><font color="#3D0000" size="2">Groupe 3</font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=7"><font color="#D97AFF" size="2">Groupe 4</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=5"><font color="#7AD0FF" size="2">Groupe 5</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=8"><font color="#ffaa00" size="2">Groupe 6</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=9"><font color="#ffdc73" size="2">Groupe 7</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://ordre-d-emeraude.forum-actif.eu/groupcp.forum?g=8"><font color="#FFB08C" size="2">Groupe 8</font></a> </span>
<td width="10px"></td>
</tr>
<tr>
<td width="250px"></td>
<td width="640px" align="center">
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}<br>
<table style="width:450px;" align="center">{L_CONNECTED_MEMBERS}</table>
</center></span>
</td>
<td width="10px"></td>
</tr>
</table>


{CHATBOX_BOTTOM}
<br clear="all" />

<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.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://i41.tinypic.com/2gtt3cn.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2gtt3cn.png')?'block':'none';
this.src=(this.src=='http://i41.tinypic.com/2gtt3cn.png')?'http://i44.tinypic.com/20pe9l5.png':'Ihttp://i41.tinypic.com/2gtt3cn.png';"/></td></tr></table>
<br clear="all" />

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


{AUTO_DST}

Vraiment désolée pour ce double post >.>

Bonjour,
j'ai essayer le code dans les 2 versions données, mais rien ne marche.
Quelqun pourrais m'aider Sad

J'ai bien suivi ta manipulation et, malheureusement sa ne marche pas sur mon forum : S : (

Depuis le temps que je cherche un moyen de mettre cette maudite tchatbox ailleurs qu'en haut ou en bas du forum : MERCI ! Smile

Chatbox sur le côté (messages)

Chatbox sur le côté (messages)

Sujets similaires

Sujets similaires

Partenaires Or