Chatbox that to you

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

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

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


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

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

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

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 */


.

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

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.

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

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

Sorry for that, my mistake. :(

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 .. : (

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

Did you use my updated code?

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