Faire une ChatBox latérale coulissante à droite.
+2
Horatio
TheOursBlanc
6 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Faire une ChatBox latérale coulissante à droite.
- 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>
Dernière édition par Cass' le Mar 19 Juil 2011 - 22:34, édité 1 fois
Re: Faire une ChatBox latérale coulissante à droite.
Bonsoir,
Mettez ceci dans la description de votre forum :
Cordialement
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
Re: Faire une ChatBox latérale coulissante à droite.
- 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.
Re: Faire une ChatBox latérale coulissante à droite.
Allez dans le PA, Modules, chatbox puis mettez ne pas afficher la chatbox pour voir.
Cordialement
Cordialement
Re: Faire une ChatBox latérale coulissante à droite.
- Ça fait la même chose sauf qu'il y a marqué que la CB n'est pas activée. :/
Re: Faire une ChatBox latérale coulissante à droite.
Cass' vous parlez de la chatbox latéral ?
Re: Faire une ChatBox latérale coulissante à droite.
- Oui je parle d'une chatbox latérale. .w.
Re: Faire une ChatBox latérale coulissante à droite.
Quel et votre code dans la page Html pour la chatbox latéral ?
Dernière édition par xValy le Mar 19 Juil 2011 - 0:00, édité 1 fois
Re: Faire une ChatBox latérale coulissante à droite.
Avez vous activez la chatbox ?
xvaly ce n'est pas une page html mais une template ^^
xvaly ce n'est pas une page html mais une template ^^
Re: Faire une ChatBox latérale coulissante à droite.
A désolé du dérangement.
Re: Faire une ChatBox latérale coulissante à droite.
- 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.
Re: Faire une ChatBox latérale coulissante à droite.
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.
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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Faire une ChatBox latérale coulissante à droite.
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
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
Dernière édition par Horatio le Mar 19 Juil 2011 - 9:52, édité 1 fois
Re: Faire une ChatBox latérale coulissante à droite.
Bonjour,
Quel type de bug avez-vous ?
Quel type de bug avez-vous ?
Re: Faire une ChatBox latérale coulissante à droite.
- 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>
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
Re: Faire une ChatBox latérale coulissante à droite.
Avez-vous des widgets ?
Re: Faire une ChatBox latérale coulissante à droite.
Et en essayant comme ça ?
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 :
- 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>
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Faire une ChatBox latérale coulissante à droite.
- 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 -->
Re: Faire une ChatBox latérale coulissante à droite.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Faire une ChatBox latérale coulissante à droite.
- Mon fond est gris c'est pour ça que je comprend pas pourquoi ça marche pas. o_o
Re: Faire une ChatBox latérale coulissante à droite.
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
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
Re: Faire une ChatBox latérale coulissante à droite.
- Oui j'ai déjà vérifié ça.
Re: Faire une ChatBox latérale coulissante à droite.
C'est sur ce forum-ci : misery business ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Faire une ChatBox latérale coulissante à droite.
Ouip c'est sur ce forum. .w.
Re: Faire une ChatBox latérale coulissante à droite.
Essaie de mettre le template index_body que j'ai donné, oui le tien, pour voir si je vois quelque chose.
Re: Faire une ChatBox latérale coulissante à droite.
- 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 ?
Re: Faire une ChatBox latérale coulissante à droite.
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 :
il est encore activé sur le forum ou pas ?
Car si tu regardes sur mon forum-test : , ton code marche bien pour la chatbox.
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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Faire une ChatBox latérale coulissante à droite.
- 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
Re: Faire une ChatBox latérale coulissante à droite.
Okay, alors on récapitule :
premièrement :
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.
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.
Page 1 sur 2 • 1, 2
Sujets similaires
» panneau latérale coulissant ( option droite et gauche et plusieurs )
» chatbox coulissante par la droite
» ChatBox latérale
» Bouton chatbox coulissante
» Chatbox latérale ?
» chatbox coulissante par la droite
» ChatBox latérale
» Bouton chatbox coulissante
» Chatbox latérale ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum