Lycée Tsubasa
Bonjour et bienvenue au lycée Tsubasa!

Incarne un personnage avec ou sans pouvoir, élève, prof, ou surveillant, et défends ton pouvoir! Nous ne sommes pas des montres et nous méritons nous aussi de vivre alors il faut le prouver et nous comptons sur toi pour nous aider!

Nous espérons donc te compter dans la famille Very Happy



 

Partagez | 
 

 [tutoriel] Mettre une ChatBox sur le coté du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Invité

Invité



MessageSujet: [tutoriel] Mettre une ChatBox sur le coté du forum   Sam 4 Juin - 19:50

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.

Revenir en haut Aller en bas
 

[tutoriel] Mettre une ChatBox sur le coté du forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Lycée Tsubasa :: Autres :: > Archives-