Chatbox that to you

**SASAN.** · #1 - Posted on Sat Apr 28, 2012 9:29 pm

Good evening!
I'm from Romania, so not really know English so go on google translate!

I want to tell me please? And me, how to do that to you forum chatbox. Pleaseeeeee!

And button with friends if possible...

We put banner on my forum :)), but please help me

**BlackNite** · #2 - Posted on Sun Apr 29, 2012 6:32 am

Try to install LG chat,,..how? Visit this website avacweb.net or avacweb.com try both of them coz I'm just using mobile.tnx

**SASAN.** · #3 - Posted on Sun Apr 29, 2012 6:59 am

I tried but I failed, I thought I help you...

I can not do buttons as here or in kind and within chatbox

**LGforum** · #4 - Posted on Sun Apr 29, 2012 5:21 pm

The instructions to install LGChat can be found here: http://avacweb.net/

**SASAN.** · #5 - Posted on Sun Apr 29, 2012 5:34 pm

And to make this gray buttons? I did not .. : (

**Guest** · #6 - Posted on Sun Apr 29, 2012 8:33 pm

Hello!
Find this in your CSS:

Code:: .LGchatBtn { background: #CADCEB; /* EDITABLE - Background color of buttons */ cursor: pointer; line-height: 22px; color: #105289; /* EDITABLE - Color of border and text of buttons */ font-family: Tahoma,Verdana,Arial; font-size: 13px; font-weight: bold; text-align: center; -moz-border-radius: 6px; border-radius: 6px ; border:1px solid; position: fixed; bottom: 1px; } .LGchatBtn:hover { color: #d31141;} /* EDITABLE - Color of text and border of buttons on hover */

and replace it with this:

Code:: .LGchatBtn { cursor: pointer; line-height: 22px; font-weight: bold; text-align: center; position: fixed; bottom: -2px; text-decoration:none; font-family: arial, sans-serif!important; border-width:1px; border-style:solid; padding:5px; cursor:pointer; font-size: 12px!important; border-radius:2px; box-shadow:0px 1px 0px rgba(0,0,0,0.05); box-shadow:0px 1px 0px rgba(255,255,255,0.75) background:#f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); background:linear-gradient(top, #f9f9f9 0%,#eee 100%); border-color:#ccc; color:#666; text-shadow:0px 1px 0px #fff; } .LGchatBtn:hover { background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c} /* EDITABLE - Color of text and border of buttons on hover */

.

**SASAN.** · #7 - Posted on Sun Apr 29, 2012 8:46 pm

Look where buttons appear ... I want you all to the forum, on the right ...

**LGforum** · #8 - Posted on Sun Apr 29, 2012 11:43 pm

Swap this

Code:: .LGchatBtn { cursor: pointer; line-height: 22px; font-weight: bold; text-align: center; position: fixed; bottom: -2px; text-decoration:none; font-family: arial, sans-serif!important; border-width:1px; border-style:solid; padding:5px; cursor:pointer; font-size: 12px!important; border-radius:2px; box-shadow:0px 1px 0px rgba(0,0,0,0.05); box-shadow:0px 1px 0px rgba(255,255,255,0.75) background:#f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); background:linear-gradient(top, #f9f9f9 0%,#eee 100%); border-color:#ccc; color:#666; text-shadow:0px 1px 0px #fff; } .LGchatBtn:hover { background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c} /* EDITABLE - Color of text and border of buttons on hover */

For this:

Code:: .LGchatBtn { cursor: pointer; line-height: 22px; font-weight: bold; text-align: center; position: fixed; bottom: 0px; right: 5px; text-decoration:none; font-family: arial, sans-serif!important; border-width:1px; border-style:solid; padding:5px; cursor:pointer; font-size: 12px!important; border-radius:2px; box-shadow:0px 1px 0px rgba(0,0,0,0.05); box-shadow:0px 1px 0px rgba(255,255,255,0.75) background:#f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); background:linear-gradient(top, #f9f9f9 0%,#eee 100%); border-color:#ccc; color:#666; text-shadow:0px 1px 0px #fff; } .LGchatBtn:hover { background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c} /* EDITABLE - Color of text and border of buttons on hover */

I think what this forum has done with LGChat is great. The CSS and styling is there to be modified and made unique, and this forum has done it great. Alot of forums don't.

**SASAN.** · #9 - Posted on Mon Apr 30, 2012 7:21 am

Hi!
Try this:
Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet > Optimize your CSS > No.

**Guest** · #10 - Posted on Mon Apr 30, 2012 7:35 am

Hi!
Try this:
Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet > Optimize your CSS > No.

Sorry for that, my mistake. :(

**SASAN.** · #11 - Posted on Mon Apr 30, 2012 8:09 am

Thank you for helping me!
But that still does not appear to you, and with friends ... And when I click on it come up, instead of appearing as you .. : (

**LGforum** · #12 - Posted on Mon Apr 30, 2012 11:44 pm

Optimize your CSS should stay ticked as 'yes'. There should be no reason to untick that ever.

Did you use my updated code?

**SASAN.** · #13 - Posted on Mon Apr 30, 2012 11:59 pm

I used your code, so there ..
If you can not LGChat code, I want to know how to connect to the chat was posted ...
http://codes.forumotion.co.uk/t359-js-phpbb3-chatbox-problem?highlight=phpbb3

Code:: jQuery(document).ready(function(){jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:10000; "><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 750px; height: 350px; display: none; float:right;box-shadow: 0px 0px 3px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);-webkitbox-shadow: 0px 0px 3px rgba(0,0,0,0.25);-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);margin-left: 6px; background-color: #ffa34e;-moz-border-radius: 6px;border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="cursor :pointer; float:left; box-shadow: 0px 0px 3px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);-webkitbox-shadow: 0px 0px 3px rgba(0,0,0,0.25);-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.25); background-color: #ffa34e;-moz-border-radius: 6px;border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px; padding: 6px 3px 6px 3px;"><img src="http://i46.servimg.com/u/f46/15/86/71/61/button10.png" id="chatboxopen"/><img src="http://i46.servimg.com/u/f46/15/86/71/61/button12.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>')});

I hope that someone, how do I connect it does not work ..

EDIT !
I solved the problem :)
Thank you very much

**Niko** · #14 - Posted on Tue May 01, 2012 12:55 pm

Hello,

If the issue is solved, please edit the first message and click on the "Solved" button.
If not, we remind you that you are allowed to BUMP every 24 hours.