[Question] [Tutoriel]ChatBox sur toutes les pages/sur la première page

Toutes les questions concernant ce tutos se poseront ici.

Date d'inscription: 09/04/2011

Bonjour ;
Je souhaiterais installer ce tutoriel sur mon forum, mais je suis sous xooit et ça ne fonctionne pas, pourriez-vous faire quelque chose pour moi s'il vous plaît? Sad

Mon rendu: http://files.getwebb.org/view-cre64w7k.html

Coucou

Tu peux nous dire quelle manip' tu as faite et nous fournir le CSS et templates modifiés ?

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 09/04/2011

Coucou !

Merci mille fois de me répondre Smile

J'ai modifié uniquement le template chat:

Code:

<br />
<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: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
<table class="forumline forum-table" border="0" cellspacing="1" width="100%">
<tr>
<th class="thTop" nowrap="nowrap" colspan="3"> Chat </th>
</tr>
<tr class="bg2">
<td class="row3" style="padding:3px" colspan="3">
<div id="chatTopic" class="genmed" style="font-weight:bold">
<div id="chatArchiveLink" style="display:none;float:right">
<a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
</div>

<div id="chatAdminLink" style="display:none;float:right">
<a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
</div>
<div id="chatAdminMenu" style="display:none;float:right">
<div id="chatAdminMenuDiv">
<a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
<a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
<a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
<a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
</div>
</div>
<div id="chatConnectLink" style="float:right">
<a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
</div>
<div id="chatDisconnectLink" style="float:right">
<a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
</div>
<div id="chatTopicContainer"></div>

</div>
</td>
</tr>
<tr class="bg1" style="width:100%">
<td class="row1" style="padding:0;width:100%">
<div id="chatList" style="height:100px;overflow:auto;width:100%">
<table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
<tbody id="chatMsgContainer">
</tbody>
</table>
</div>
</td>

<td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize"> </td>
<td class="row1" style="vertical-align:top">
<div id="chatConnectedDiv" style="width:100%;height:150px;overflow:auto"></div>
</td>

</tr>
<tr class="bg2">
<td class="row1" colspan="3">
<img src="http://img5.xooimage.com/files/d/6/7/grip-115818.gif" width="11" height="11" alt="resize" style="cursor:n-resize;float:right;padding-top:10px" id="chatVGrip" title="{L_CHAT_RESIZE}" /><img src="http://img10.xooimage.com/files/5/e/a/window-115821.gif" style="cursor:pointer;padding-top:10px;padding-right:3px;width:11px;height:11px;float:right;" onclick="window.open('{U_CHAT}','_blank','menubar=no,toolbar=no,resizable=yes,scrollbars=yes');" title="{L_CHAT_OPEN_POPUP}" id="chatPopupButton" /><input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value=" " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img5.xooimage.com/files/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value=" " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="100" /><input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span></div></div>
<br />
{CHAT_JS}
<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>

J'espère que vous pourrez m'aider Smile

Coucou

Alors alors, tu vas voir, c'pas bien compliqué (on va adapter le tutoriel de FA à xooit ^^)

Ce qui suit est pour afficher la CB uniquement sur la première page

1/ On laisse le template "chat" par défaut

2/ On va copier coller le code suivant dans PA >> Général >> Message d'en-tête (tu dois être en mode éditeur : Off)

Code:

3/ Ensuite, il ne te reste qu'à "supprimer" la CB en faisant : PA >> général >> Chat >> Activer le chat : non

et pour tester http://miettes.xooit.fr/index.php

Login : Visiteur
mdp : visiteur

_________________

SoP Story :: 2ème votes éliminatoires