Barra inferior indesejada

3 participantes

Ir para baixo

Tópico resolvido Barra inferior indesejada

Mensagem por Gazevince2 29.06.15 0:31

Antes de mais nada: Boa noite a todos.

Descrição:
Desculpem abrir um tópico por dia, mas desta vez procurei na pesquisa e testei, testei e não consegui arrumar isso. Isso começou a ocorrer após eu ter inserido imagens maiores de "Open" e "close" do chatbox. O problema é que não pretendo reutilizar as imagens menores, pois não ficam centralizadas. Então fica feio a barra acima e um espaço vai abaixo do chat.

Dúvida:
Há algum código ou alteração que faça essa barra desaparecer, que ajeite a formatação do tópico ? Ou um que centralize essas imagens de "open" e "center" para que não assimétrico ?

Código usado

Código:
#content-container div#container {
float: none!important;
   margin-right: -180x!important;
  width: auto!important;

O que ocorre:

Se eu tiro o código usado acima, o fórum é empurrado para a esquerda, e quando coloco o código, essa barra aparece. Há alguma forma de corrigir sem perder o chatbox retrátil ?

Código do box:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
           <iframe marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="/chatbox" frameborder="0"> </iframe>          
 <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
          <img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/ByWUoJK.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/bQ8CUwk.png" />          
 </div>
</div>

Imagem descritiva:
Barra inferior indesejada YgLwNfP

É isso, descrevi o máximo possível sobre o ocorrido.


Última edição por Gazevince2 em 29.06.15 3:48, editado 1 vez(es) (Motivo da edição : Problema resolvido.)
Gazevince2
Gazevince2
*

Membro desde : 17/09/2014
Mensagens : 39
Pontos : 61

http://dnkingdomsouls.forumeiros.com/ https://www.facebook.com/richard.saviolli

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Sennior 29.06.15 0:36

Saudações,

Então, deixe o código para que vejamos o erro.
Por via, tente este código CSS adicionando no inicio e veja se resulta em algo>
Código:
body#phpbb, html {
  overflow-x: initial!important;
}

Até mais.
Sennior
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Gazevince2 29.06.15 1:01

Olá de novo, Sennior. Antes de continuar, agradeço imensamente a sua paciência e educação, pois sempre me ajudou com os códigos e problemas.

Aqui está o link do fórum, ai poderá ver claramente a barra branca horizontal no final do fórum, acima do player.: http://ffge.forumais.com/

Coloquei o código que me passou no início da tabela CSS e não resultou. Olhe como ela ficou:

Código:
    body#phpbb, html {
      overflow-x: initial!important;
    }
body {
      background-attachment: scroll;
      background-color: #171717;
      background-image: url(http://hitskin.com/themes/15/04/51/i_background.jpg);
      color: #fff;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 10px;
      height: auto;
      padding: 10px 0;
    }#wrap {
      background-color: #171717;
      border: 1px solid #94cdef;
      margin: 0 auto;
    }
      .row2 {
      background-color: #121212;
    }
.sceditor-container,.sceditor-container iframe, .sceditor-container textarea,div.sceditor-toolbar {
background: #333!important;
}
body, a:hover {cursor: url(http://c2n.me/3jUuAZJ.cur), progress !important;}
#content-container div#container {
  
float: none!important;
   margin-right: -180x!important;
  width: auto!important;
}
input#message {background: black!important;color: white!important;}
#chatbox,#chatbox_header{background-image: url(http://i.imgur.com/0xK0nJX.png);background-repeat:no-repeat;background-size:100% auto!important}
#chatbox,#chatbox_footer{background-image: url(http://i.imgur.com/Pj61JWV.png);background-repeat:no-repeat;background-size:100% auto!important}
h2.chatbox-title a.chat-title {color: transparent !important;}


Então deletei o código que me passou para resetar e testar algo mais caso me passe outro código.
Gazevince2
Gazevince2
*

Membro desde : 17/09/2014
Mensagens : 39
Pontos : 61

http://dnkingdomsouls.forumeiros.com/ https://www.facebook.com/richard.saviolli

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Shaman 29.06.15 1:07

Já tentou trocar o código acima por este?

Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
              <iframe marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: hidden; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="/chatbox" frameborder="0"> </iframe>         
  <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
                <img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/ByWUoJK.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/bQ8CUwk.png" />         
  </div>
</div>

Tente e poste o resultado, até mais!

Shaman
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Gazevince2 29.06.15 1:26

Shaman, no caso esse seria o código do widget do chatbox, isso ?
Gazevince2
Gazevince2
*

Membro desde : 17/09/2014
Mensagens : 39
Pontos : 61

http://dnkingdomsouls.forumeiros.com/ https://www.facebook.com/richard.saviolli

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Gazevince2 29.06.15 1:35

Caso seja, alterei o widget, salvei e nada... :/
Gazevince2
Gazevince2
*

Membro desde : 17/09/2014
Mensagens : 39
Pontos : 61

http://dnkingdomsouls.forumeiros.com/ https://www.facebook.com/richard.saviolli

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Shaman 29.06.15 3:05

Bom, ne um fórum eu testei e deu certo, vamos ver se funciona, crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:
$(document).ready(function(){
$('body').css("overflow-x", "hidden");
});

Até mais! Feliz Esportes
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Gazevince2 29.06.15 3:44

Shaman, seu lindo !

Esse java resolveu o meu problema !

Só faltava remover aquilo para eu poder lançar o fórum, nossa, muito obrigado, cara. Ah, tenha uma ótima noite e uma boa semana. ♥

Podem fechar o tópico.
Gazevince2
Gazevince2
*

Membro desde : 17/09/2014
Mensagens : 39
Pontos : 61

http://dnkingdomsouls.forumeiros.com/ https://www.facebook.com/richard.saviolli

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra inferior indesejada

Mensagem por Sennior 29.06.15 14:13

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos