Pour mettre la chatbox sur le côté de votre forum, il vous faut d'abord être fondateur du forum pour pouvoir toucher aux templates. Ensuite, deux petites créations seront nécessaires pour faire les boutons ' open ' et ' close ', rien de bien compliqué jusque là.
Allez dans le template ' index_body ' pour le modifier. Cherchez cette partie ( qui se trouve, me semble t-il vers la fin. )
- Code:
-
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
Supprimez tout ce qui se trouve entre <-- BEGIN switch_legend --> et <-- END switch_legend --> pour le remplacer par ceci :
- Code:
-
<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="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';
this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table>
<br clear="all" />
Pour plus de personnalisation, vous pouvez modifier quelques points :
position : Fixed ou scroll, si c'est Fixed, la chatbox restera visible même en descendant la page.
bottom : En px. C'est la distance entre le bas de page et la chatbox.
left : En px. C'est la distance entre la gauche de votre page et la chatbox.
width : La largeur de votre chatbox quand elle est ouverte.
height : La hauteur de votre chatbox quand elle est ouverte.