• Administrator

      Reputation : 320
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    Have the chatbox in every page


    Do you want to have your chatbox in every page of your forum? Here you are the best way...

    Set up

    The first and last point is this: Go to Administration panel > Modules > Javascript, create a new code and paste it in all the pages:

    jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tbody><tr><td><iframe src="data:text/html,chromewebdata" 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="" onclick="document.getElementById('chatboxpop').style.display=(this.src=='OPENIMAGE')?'block':'none';this.src=(this.src=='OPENIMAGE')?'IMAGESTOP':'';"></td></tr></tbody></table>'); } );

    Customize the tutorial

    Very simple.... You have just to change IMAGEOPEN and IMAGESTOP with your images to open and close the chatbox...

    Technical problems

    The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

    Thanks, the staff
    For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

    The team of the Forum of Codes.

    Niko wants you in the team Guest

    Community manager and Administrator at

    • I'm a new member :)

        Reputation : 0
        Registered on : 2012-05-27
        Posts : 5

      • I'm a new member :)

          Reputation : 0
          Registered on : 2012-09-06
          Posts : 9
        Really nice Smiley