Voici un tuto qui vous montreras, comme sur le forum, une façon simple de faire une chatbox latérale pour vos propre forums.
/!\ Les codes ne sont pas de moi et impossible de retrouver l'auteur. Je gardais celui ci dans mes dossiers.
D'abord, commençons par créer une page html :
Panneau d'administration => Modules => Page HTML => Gestion des pages HTML => Créer une nouvelle Page HTML
Si ce n'est pas déjà fait, il faut cliquer "non" aux deux options proposé.
Ensuite, il suffira dans le bloc note, en face de "Code HTML * :" de coller le code suivant :
- Spoiler:
- Code:
-
Base : jQuery(document).ready(function() { jQuery('body').append('<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;"><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>'); } );
Enfin, il ne reste plus qu'à validé !
Mais ce n'est pas encore fini. Pour pouvoir voir partout votre chatbox, il reste maintenant une simple manipulation a faire.
Commençons par voir le chiffre du lien : Une fois la page créé, il faut retourner dans
Gestion des pages HTML pour voir le lien ;
Pour moi, c'est ichizoku.1fr1.net/Chat-Box-h
1.htm
Vous voyez le 1 en rouge ? Ça signifie simplement que c'est ma première page html. Si vous en avez d'autres, le chiffre risque de changer, il vous suffit donc de garder le chiffre en tête.
Ensuite, il faut aller dans :
Général => Forum => Configuration
La, a la suite de la description de votre forum il faut copier ce code :
- Spoiler:
- Code:
-
<script type=text/javascript src=/-h1.htm></script>
Ici, pour moi, c'est h1, si vous il y avait marqué h2, il suffira de remplacer.
Enregistrez et voilà, votre chatbox latérale est prête.
Plus en détail maintenant, revoyons le précédent code :
- Spoiler:
Base : jQuery(document).ready(function() { jQuery('body').append('<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;"><img src="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='
https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
En bleu, c'est ce qui peut être changé :
" #ffffff " > ça, c'est la couleur de fond. C'est pas forcement nécessaire, d'ailleurs, si vous en voulez pas, vous pouvez mettre " transparent ".
" width: 800px; height: 400px " > La taille de la chatbox, a modifier comme vous le voulez.
"
https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\ " > Là, ce sont les images "ouvrir" et "fermer". Pour les changer, créez juste vos images et hébergez les. Copiez les liens des images et collez les ici. Personnellement j'utilise
Mabul mais il en existe plein d'autres.
Voilà, vous savez tout.