Problema na posição do chatbox

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Desda instalação do novo tema
Endereço do fórum : http://pokemonlf.forumeiros.com/forum

Descrição do problema

Ola!! Sou eu de novo! Se vocês repararem, no meu forum o Chatbox esta posicionado para a esquerda e não consegui retirar esse bug. Vocês podem me ajuda?

Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.panel {
background-color: transparent!important;
margin-left: -4%!important;
width: 99%!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Não funcionou :'(

Olá querida!

Experimente trocar o código do Sennior pelo código a seguir:

Código:

.panel {
background-color: #f5f8f6;
margin-left: auto!important;
width: auto;
}

Algum resultado?

Até mais!

Não ;-;

Troque por este?

Código:

#cp-main .panel {
background-color: transparent;
padding-left: 145px!important;
}

Poderá alterar o valor de 145 para ajustar.

Algum resultado? Caso não, nos envie a sua CSS toda por aqui mesmo dentro das tags [ code] ou então via MP se preferir.

Não deu e.e

Css:

Código:

#i_icon_mini_index, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_groups {display: none !important;}

.titulo {font-size: 30px; font-family: times new roman; font-style: italic; color: #3f3f3f; line-height: 8px; padding-top: 20px;}
.desc {font-size: 12px; font-family: trebuchet ms;font-style: italic; color: #6d6d6d; padding-right: auto;}
.news p {line-height: 5px;}
.panel {
 
background-color: #f5f8f6;
  width: 110%;
  margin-left: -8%;
}

#slides {background-image: url('http://i1178.photobucket.com/albums/x367/KromusDesign/phpbb3/slide1_1.png'); background-repeat: repeat-x;
height: 300px;
  width: 104%;
  padding-top: 30px;
  padding-left:0px;
}


.forabg {background-image: none; background-color: #f5f8f6; border: none;}

li.header {background-image: none; background-color: #3f3f3f; height: 25px; padding-left: 4px; padding-top: 4px;
  border: 4px solid #3f3f3f; 
-moz-border-radius: 5px; /* Para Firefox */
 -webkit-border-radius:5px; /*Para Safari e Chrome */
 border-radius: 5px; /* Para Opera 10.5+*/
  behavior:url(border-radius.htc);}


li.row {border-bottom: 1px solid #dadddb; background-color: #f5f8f6;}
li.row:hover {background-color: white;}

.table-title, .table-title h2 {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topiclist li.header dl dd{
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topics li.header dl.icon dt {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

span.corners-top span {background-color: #f5f8f6; border: none;}

.forumbg {background-image: none; background-color: #f5f8f6; border: none;}

dl.icon dd.dterm, dl.icon dt { margin-left: 10px; border-left: none;
 }

.topbar_offline{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px; display: none;}

.topbar_online{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px;}
.titulo_1 {color: #e4e4e4; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 24px;}
.desc_2 {color: #9b9b9b; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 13px;}
.divisor {top:0px; left:280px; top:5px; position: absolute;}

.post {font-size: 0.87em;}

.postprofile {
color: rgb(107, 107, 107);
  font-size: 1.3em !important;
  padding-right: 10px;
 }

.postbody {padding-top: 10px;}

ul#picture_legend li img, ul#privmsgs-menu li img {
  margin-right: 5px;
 }

.postbody .content {color: #3f3f3f; padding-right:50px; padding-top: 10px;}

.postprofile img {max-width: 200px;}

#cp-main .panel {padding-left: 90px;}
fieldset.fields1 {padding-left: 90px;}
fieldset dl {padding-left:90px;}

#search-box{position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #d6d6d6; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 122px;color: #a6a6a6;font-family: Verdana;font-size: 16px;font-style: italic;font-weight: italic;background: transparent;}
#search-box input {border: none !important;background: none;
  -moz-box-shadow: 0 0 0px #06aefe !important;
 -webkit-box-shadow: 0 0 0px#06aefe !important;
 box-shadow: 0 0 0px #06aefe !important;
    -moz-border-radius: 0px  !important; /* Para Firefox */
 -webkit-border-radius:0px  !important; /*Para Safari e Chrome */
 border-radius: 0px  !important; /* Para Opera 10.5+*/

}
#search-box input.search {background: none;margin-left: 0px;margin-top: 5px;}
/* Fim da caixa de busca */


#search-box:hover {position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #06aefe; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;
/* SOMBRA */
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
  /* BORDA */
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}


input {height: 20px;width: 100px;right: -150px; min-width: 60px;
  background-image: none !important;
  background-color: #ffffff; border: 1px solid #d6d6d6;
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

input:hover {  background-color: #ffffff; border: 1px solid #06aefe;
background-image: none !important;
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
}

input[type="checkbox"] {width: 5px !important; height: 10px !important;}

#cp-main .panel {width: 100%; !important; position: center;}

#foot_1 {background-image: url('http://i1178.photobucket.com/albums/x367/KromusDesign/foot2.png');
  background-color: #202020;
  background-repeat: repeat-x;
  width: 110%;
  height: 210px;
  margin-left: 0px;
  margin-bottom:-50px;
  padding-left: 50px;
  padding-top: 42px;
  text-shadow: 1px 1px black, -0px -0px #333 !important;
}
.links_1 a:link {color: white !important;}

.foot_title {font-size: 16px; font-family: arial black; font-style: bold; color: #7e7e7e; text-shadow: 1px 1px black, -0px -0px #333 !important;}

#postingbox .h3 { margin-left: 80px;}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
}

fieldset.polls {margin-left: 90px;}

.left-box {margin-left: 90px;}

.panel h1.page-title {margin-left: 90px;}

.panel p {margin-left: 90px;}

#cp-main .panel {background-color: transparent;}

#cp-main {width: 90%;}

#page-footer, div.navbar, div.navbar ul.linklist {margin-top: 50 !important;}
      .fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
      }
      .blur {
         display:inline-block;
         color:#ddd;
         text-shadow: 0 0 2px #aaaaaa;
         text-shadow: 0 0 4px #aaaaaa;
         text-shadow: 0 0 6px #aaaaaa;
         -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
         filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
         display:inline-block;
         -moz-transform:scale(-1,1);
         -o-transform:scale(-1,1);
         -webkit-transform:scale(-1,1);
         transform:scale(-1,1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
         display:inline-block;
         -moz-transform:scale(1,-1);
         -o-transform:scale(1,-1);
         -webkit-transform:scale(1,-1);
         transform:scale(1,-1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }

div[style="float: left !important;position: relative !important;left: -10px !important;top: -10px !important"], .corners-bottom, .corners-top{display: none !important}ul.navlinks {background: #383030;border-bottom: px solid #A8D8E3;box-shadow: 0 0 10px #000;color: #fff!important;font-color: #fff;font-family: share;font-size: 16px;font-weight: lighter;height: 40px;left: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: -50px;z-index: 999;}a.mainmenu{color: #FFF!important;}
 



(0)


jQuery(document).ready( function() {jQuery("#chat-user-on").load("/ #main-content div.page-bottom strong:eq(0)");});

#cp-main .panel {
background-color: transparent;
padding-left: 145px!important;
}

Troque o seu CSS por este para fazermos um teste:

Código:

#i_icon_mini_index, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_groups {display: none !important;}

.titulo {font-size: 30px; font-family: times new roman; font-style: italic; color: #3f3f3f; line-height: 8px; padding-top: 20px;}
.desc {font-size: 12px; font-family: trebuchet ms;font-style: italic; color: #6d6d6d; padding-right: auto;}
.news p {line-height: 5px;}

#slides {background-image: url('http://i1178.photobucket.com/albums/x367/KromusDesign/phpbb3/slide1_1.png'); background-repeat: repeat-x;
height: 300px;
  width: 104%;
  padding-top: 30px;
  padding-left:0px;
}


.forabg {background-image: none; background-color: #f5f8f6; border: none;}

li.header {background-image: none; background-color: #3f3f3f; height: 25px; padding-left: 4px; padding-top: 4px;
  border: 4px solid #3f3f3f;  
-moz-border-radius: 5px; /* Para Firefox */
 -webkit-border-radius:5px; /*Para Safari e Chrome */
 border-radius: 5px; /* Para Opera 10.5+*/
  behavior:url(border-radius.htc);}


li.row {border-bottom: 1px solid #dadddb; background-color: #f5f8f6;}
li.row:hover {background-color: white;}

.table-title, .table-title h2 {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topiclist li.header dl dd{
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topics li.header dl.icon dt {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

span.corners-top span {background-color: #f5f8f6; border: none;}

.forumbg {background-image: none; background-color: #f5f8f6; border: none;}

dl.icon dd.dterm, dl.icon dt { margin-left: 10px; border-left: none;
 }

.topbar_offline{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px; display: none;}

.topbar_online{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px;}
.titulo_1 {color: #e4e4e4; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 24px;}
.desc_2 {color: #9b9b9b; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 13px;}
.divisor {top:0px; left:280px; top:5px; position: absolute;}

.post {font-size: 0.87em;}

.postprofile {
color: rgb(107, 107, 107);
  font-size: 1.3em !important;
  padding-right: 10px;
 }

.postbody {padding-top: 10px;}

ul#picture_legend li img, ul#privmsgs-menu li img {
  margin-right: 5px;
 }

.postbody .content {color: #3f3f3f; padding-right:50px; padding-top: 10px;}

.postprofile img {max-width: 200px;}

#search-box{position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #d6d6d6; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
  
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 122px;color: #a6a6a6;font-family: Verdana;font-size: 16px;font-style: italic;font-weight: italic;background: transparent;}
#search-box input {border: none !important;background: none;
  -moz-box-shadow: 0 0 0px #06aefe !important;
 -webkit-box-shadow: 0 0 0px#06aefe !important;
 box-shadow: 0 0 0px #06aefe !important;
    -moz-border-radius: 0px  !important; /* Para Firefox */
 -webkit-border-radius:0px  !important; /*Para Safari e Chrome */
 border-radius: 0px  !important; /* Para Opera 10.5+*/

}
#search-box input.search {background: none;margin-left: 0px;margin-top: 5px;}
/* Fim da caixa de busca */


#search-box:hover {position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #06aefe; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;
/* SOMBRA */
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
  /* BORDA */
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}


input {height: 20px;width: 100px;right: -150px; min-width: 60px;
  background-image: none !important;
  background-color: #ffffff; border: 1px solid #d6d6d6;
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
  
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

input:hover {  background-color: #ffffff; border: 1px solid #06aefe;
background-image: none !important;
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
}

input[type="checkbox"] {width: 5px !important; height: 10px !important;}

#foot_1 {background-image: url('http://i1178.photobucket.com/albums/x367/KromusDesign/foot2.png');
  background-color: #202020;
  background-repeat: repeat-x;
  width: 110%;
  height: 210px;
  margin-left: 0px;
  margin-bottom:-50px;
  padding-left: 50px;
  padding-top: 42px;
  text-shadow: 1px 1px black, -0px -0px #333 !important;
}
.links_1 a:link {color: white !important;}

.foot_title {font-size: 16px; font-family: arial black; font-style: bold; color: #7e7e7e; text-shadow: 1px 1px black, -0px -0px #333 !important;}

#postingbox .h3 { margin-left: 80px;}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
}

fieldset.polls {margin-left: 90px;}

.left-box {margin-left: 90px;}

#cp-main .panel {background-color: transparent;}

#cp-main {width: 90%;}

#page-footer, div.navbar, div.navbar ul.linklist {margin-top: 50 !important;}
      .fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
      }
      .blur {
         display:inline-block;
         color:#ddd;
         text-shadow: 0 0 2px #aaaaaa;
         text-shadow: 0 0 4px #aaaaaa;
         text-shadow: 0 0 6px #aaaaaa;
         -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
         filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
         display:inline-block;
         -moz-transform:scale(-1,1);
         -o-transform:scale(-1,1);
         -webkit-transform:scale(-1,1);
         transform:scale(-1,1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
         display:inline-block;
         -moz-transform:scale(1,-1);
         -o-transform:scale(1,-1);
         -webkit-transform:scale(1,-1);
         transform:scale(1,-1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }

div[style="float: left !important;position: relative !important;left: -10px !important;top: -10px !important"], .corners-bottom, .corners-top{display: none !important}ul.navlinks {background: #383030;border-bottom: px solid #A8D8E3;box-shadow: 0 0 10px #000;color: #fff!important;font-color: #fff;font-family: share;font-size: 16px;font-weight: lighter;height: 40px;left: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: -50px;z-index: 999;}a.mainmenu{color: #FFF!important;}

Obs: Não acrescente códigos JQuery na folha de CSS. Há um espaço próprio para a aplicação de códigos JQuery.

Assim que trocar nos avise por favor.

Até mais!

Funcionouuu Obrigadaaaa!!!!!!!!!!!!!!!!!!!!!!!!!!!!