Chat lateral com defeito

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

Resolvido Chat lateral com defeito

Mensagem por Caneta Azul em 22/05/12, 08:04 pm

Qual é minha questão:
Eu coloquei o chat lateral no meu fórum e ele mostrou problema. Veja nessa imagem:

http://i48.tinypic.com/2urqfti.png

Como podem ver. A parte dos tópicos foi mais para aquele lado <<< . Mais o chat funciona normalmente.

Foi nesse tutorial que eu vi o código.

http://ajuda.forumeiros.com/t57261-tutorial-chat-box-retratil-lateral

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
http://i48.tinypic.com/2urqfti.png

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

Versão do meu fórum:
PHPBB2


Última edição por Caneta Azul em 24/05/12, 08:01 pm, editado 1 vez(es)
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por MateusV. em 22/05/12, 08:12 pm

Boa noite.

Poderia manter o código ativo para que eu possa visualizar o erro?

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Chat lateral com defeito

Mensagem por Caneta Azul em 22/05/12, 09:21 pm

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>


Aqui está o código que eu usei .
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por Sennior em 23/05/12, 11:17 pm

Olá e boa Noite;
Troque por este:

Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 250px; 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>

Atenciosamente,
House
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 lateral com defeito

Mensagem por UsuarioX em 23/05/12, 11:20 pm

Ola,

Troque o codigo por esse :
Código:

 <div style="overflow: visible; position: fixed; bottom: 29px; height: 300px; 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>

Ate mais ! Exclamação
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Chat lateral com defeito

Mensagem por Caneta Azul em 24/05/12, 01:42 pm

Não resolveu. O problema é que a parte dos tópicos fica longe do contorno, quando se coloca o chat;. Como na imagem:
http://i48.tinypic.com/2urqfti.png .

Veja, que as partes dos tópicos fica longe do contorno que é a risca branca. O correto é ela ficar colada na risca. Mais só fica longe da risca quando coloca o chat. E quando eu tiro volta ao normal.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por #BadBoy# em 24/05/12, 02:06 pm

No meu forum eu uso essa codigo manolo:

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>

Veja se funcione no seu também Muito feliz
avatar

#BadBoy#
Nível 9

Masculino
Inscrito dia : 08/12/2011
Mensagens : 200
Pontos Ativos : 334

Ver perfil do usuário http://suporte-codigos.forumeiros.com/

Resolvido Re: Chat lateral com defeito

Mensagem por Caneta Azul em 24/05/12, 04:52 pm

Não Funcionou.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por Convidad em 24/05/12, 06:55 pm

Olá amigo!

Cpainel > Visualização > Templates > Geral > overall_header Editar e adicione o seu código abaixo do código:
Código:
<body>

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Chat lateral com defeito

Mensagem por Caneta Azul em 24/05/12, 07:15 pm

Desculpe, mais eu não entendi o que você disse.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por Luciano98 em 24/05/12, 07:18 pm

Olá!

O problema ocorre porque quando você utiliza o código, ele ativa os Widgets, porém como os Widgets não tem nada para ser visualizado, fica um espaço em branco.

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
var aspas="'";jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 29px; height: 300px; 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('+aspas+'#chatboxpop'+aspas+').animate({width:'+aspas+'toggle'+aspas+'},1200); jQuery('+aspas+'#chatboxopen,#chatboxclose'+aspas+').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>')});

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Chat lateral com defeito

Mensagem por Caneta Azul em 24/05/12, 08:01 pm

Funcionou. Obrigado.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

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

Resolvido Re: Chat lateral com defeito

Mensagem por Destroyer em 24/05/12, 08:20 pm

Como troca imagens?
avatar

Destroyer
Nível 3

Masculino
Inscrito dia : 24/05/2012
Mensagens : 15
Pontos Ativos : 15

Ver perfil do usuário http://destruct.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