Posted April 20th 2013, 7:25 pm
In this tutorial, i'm going to show you on how to have a pop-up chatbox effect.
1.Go to ACP > Display > Templates > General > overall_header and find this:
- For PunBB:
- Code:
<body>
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
- Code:
<script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script>
<script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/FpYmkhikx/chatbox.css"><div id="modal"><div id="content1">
<object data="/chatbox/index.forum?page=front&" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html"></object>
</div>
</div>
<a href="#" id="button" style="position: fixed; right: 25px; bottom: 20px; border: 1px solid grey; border-radius: 5px; padding: 5px; background: #BGCOLORHERE;">Chatbox</a>
Then you're done. Enjoy! :):
Last edited by Mark on April 21st 2013, 5:52 pm; edited 1 time in total