Coding-Spot

You are not connected. Please login or register

 
 

Pop-up Chatbox Effect

Message (Page 1 of 1)


 
Administrator
Administrator

Posted on Sat Apr 20, 2013 12:25 pm

 
Hello!

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>
- For PhpBB2: (Note: If you can't find the code above, try to find the same code for PunBB.)
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
- Below/under it, place this code: (Just change the BGCOLORHERE to your desire color)
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 Sun Apr 21, 2013 10:52 am; edited 1 time in total



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Apr 20, 2013 2:19 pm

 
Thanks Mark :D:



View user profile http://www.iron-players.forumhe.com



 
Advance Member

Posted on Tue Apr 23, 2013 1:26 pm

 
can i have a screenshot of the result? thank u



View user profile



 
Administrator
Administrator

Posted on Tue Apr 23, 2013 1:40 pm

 
Here's a preview: (When you click the chatbox button at the lower right side, it will become like this)



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Tue Apr 23, 2013 2:02 pm

 
nice i will try it out :)



View user profile



 
Administrator
Administrator

Posted on Tue Apr 23, 2013 5:40 pm

 
Sure. Take your time. :;):



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun Jun 30, 2013 8:45 am

 
idk whats wrong with that but it only works in my homepage. in other pages, it doesnt open..



View user profile



 
CS Staff
CS Staff

Posted on Mon Jul 22, 2013 11:02 pm

 
J0k3R^ wrote:idk whats wrong with that but it only works in my homepage. in other pages, it doesnt open..

did you sure to put it on overall_header ?



View user profile http://atlanta.forumid.net/


#9

Sponsored content


 

Posted Today at 2:29 pm

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None