Chat retratil com bug

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Chat retratil com bug

Mensagem por nikkibs em 22/08/12, 01:52 pm

Qual é minha questão:
Oi gostaria de saber pq o chatbox retratil está dando bug e deslocando o forum. Aqui está o codigo:

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


Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://goldofolympian.forumeiros.com/

Versão do meu fórum:
PHPBB2


Última edição por nikkibs em 23/08/12, 11:33 am, editado 1 vez(es)
avatar

nikkibs
Nível 9

Feminino
Inscrito dia : 16/05/2012
Mensagens : 211
Pontos Ativos : 306

Ver perfil do usuário http://www.bsfanfics.forumeiros.com

Resolvido Re: Chat retratil com bug

Mensagem por Sennior em 22/08/12, 07:46 pm

Boas!

Troque seu código por este:

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

Cordialmente.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Chat retratil com bug

Mensagem por nikkibs em 23/08/12, 01:05 am

Não resulta. Eu gostaria que o forum ficasse na largura da tela sem esse deslocamento por conta do widget do chat.
avatar

nikkibs
Nível 9

Feminino
Inscrito dia : 16/05/2012
Mensagens : 211
Pontos Ativos : 306

Ver perfil do usuário http://www.bsfanfics.forumeiros.com

Resolvido Re: Chat retratil com bug

Mensagem por Sennior em 23/08/12, 01:09 am

Boas!

Tente o código a seguir acedendo a teu CSS:

Código:
#page-body {
margin: auto;
background: black;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 1284px;
position: absolute !important;
}

Abraços. Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Chat retratil com bug

Mensagem por nikkibs em 23/08/12, 11:33 am

perfeito, obrigada *-------------*
avatar

nikkibs
Nível 9

Feminino
Inscrito dia : 16/05/2012
Mensagens : 211
Pontos Ativos : 306

Ver perfil do usuário http://www.bsfanfics.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum