Coding-Spot

You are not connected. Please login or register

 
 
 

Pop-up Chatbox Effect

Message (Page 1 of 1)

avatar
 
Administrator
Administrator

Posted on April 20th 2013, 7: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 April 21st 2013, 5:52 pm; edited 1 time in total



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


avatar
 
Advance Member

Posted on April 20th 2013, 9:19 pm

 
Thanks Mark :D:



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


avatar
 
Advance Member

Posted on April 23rd 2013, 8:26 pm

 
can i have a screenshot of the result? thank u



View user profile


avatar
 
Administrator
Administrator

Posted on April 23rd 2013, 8: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


avatar
 
Advance Member

Posted on April 23rd 2013, 9:02 pm

 
nice i will try it out :)



View user profile


avatar
 
Administrator
Administrator

Posted on April 24th 2013, 12:40 am

 
Sure. Take your time. :;):



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


avatar
 
Advance Member

Posted on June 30th 2013, 3:45 pm

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



View user profile


avatar
 
CS Staff
CS Staff

Posted on July 23rd 2013, 6:02 am

 
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

 





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