HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Chatbox that to you

    avatar
    • ***


        Reputation : 0
        Registered on : 2012-04-25
        Posts : 34
      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

      avatar
      • ***


          Reputation : 5
          Registered on : 2012-04-07
          Posts : 43
        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

        avatar
        • ***


            Reputation : 0
            Registered on : 2012-04-25
            Posts : 34
          I tried but I failed, I thought I help you...


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

          avatar
          • Veteran staff member

              Reputation : 19
              Registered on : 2012-04-05
              Posts : 77
            The instructions to install LGChat can be found here: http://avacweb.net/

            avatar
            • ***


                Reputation : 0
                Registered on : 2012-04-25
                Posts : 34
              And to make this gray buttons? I did not .. : (

              • Co-Founder

                  Reputation : 38
                  Registered on : 2012-02-26
                  Posts : 284
                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 */
                .

                avatar
                • ***


                    Reputation : 0
                    Registered on : 2012-04-25
                    Posts : 34
                  Look where buttons appear ... I want you all to the forum, on the right ...

                  avatar
                  • Veteran staff member

                      Reputation : 19
                      Registered on : 2012-04-05
                      Posts : 77
                    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.

                    avatar
                    • ***


                        Reputation : 0
                        Registered on : 2012-04-25
                        Posts : 34
                      Hi!
                      Try this:
                      Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet > Optimize your CSS > No.

                      • Co-Founder

                          Reputation : 38
                          Registered on : 2012-02-26
                          Posts : 284
                        Hi!
                        Try this:
                        Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet > Optimize your CSS > No.
                        Sorry for that, my mistake. :(

                        avatar
                        • ***


                            Reputation : 0
                            Registered on : 2012-04-25
                            Posts : 34
                          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 .. : (

                          avatar
                          • Veteran staff member

                              Reputation : 19
                              Registered on : 2012-04-05
                              Posts : 77
                            Optimize your CSS should stay ticked as 'yes'. There should be no reason to untick that ever.

                            Did you use my updated code?

                            avatar
                            • ***


                                Reputation : 0
                                Registered on : 2012-04-25
                                Posts : 34
                              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.pro/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

                              avatar
                              • Administrator

                                  Reputation : 315
                                  Registered on : 2012-02-22
                                  Posts : 2317
                                  School of codes courses: coming soon
                                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.



                                Niko wants you in the team Guest

                                Community manager and Administrator at Forumattivo.com


                                YOUR BANNER HERE
                                728x90
                                DMCA.com Protection Status
                                Forum create on Forumotion | © PunBB | Free forum support | Contact | Report an abuse | Free forum