Coding-Spot

You are not connected. Please login or register

 
 
 

Pop-up Chatbox Effect

Message (Page 1 of 1)

#1

Mark

Mark
 
Administrator
Administrator

Posted 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



https://coding-spot.darkbb.com


#2

Cr4ZyBoY

Cr4ZyBoY
 
Advance Member

Posted April 20th 2013, 9:19 pm

 
Thanks Mark :D:



http://www.iron-players.forumhe.com


#3

J0k3R^

J0k3R^
 
Advance Member

Posted April 23rd 2013, 8:26 pm

 
can i have a screenshot of the result? thank u





#4

Mark

Mark
 
Administrator
Administrator

Posted 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)
Pop-up Chatbox Effect Asdasd11



https://coding-spot.darkbb.com


#5

J0k3R^

J0k3R^
 
Advance Member

Posted April 23rd 2013, 9:02 pm

 
nice i will try it out :)





#6

Mark

Mark
 
Administrator
Administrator

Posted April 24th 2013, 12:40 am

 
Sure. Take your time. :;):



https://coding-spot.darkbb.com


#7

J0k3R^

J0k3R^
 
Advance Member

Posted June 30th 2013, 3:45 pm

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





#8

tommycoo

tommycoo
 
CS Staff
CS Staff

Posted 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 ?



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 :: 1 Bot

Users browsing this forum: None
Bots : bing