Chat box retrátil - lateral

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

Resolvido Chat box retrátil - lateral

Mensagem por Gui1602 em 23/09/12, 04:29 pm

Qual é minha questão:
Ao ativar o widget do Chat Box Retrátil, o conteúdo do meu fórum descentraliza, ficando mais para a esquerda. Há algo que eu possa fazer para que não haja mudança na localização do conteúdo do meu fórum e que permaneça com o Chat box no canto direito?

Links e imagens do meu problema:
Acesse meu fórum para visualizar o problema: http://harryrpgpotter.forumeiros.com/forum

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

Versão do meu fórum:
PHPBB2
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Sennior em 23/09/12, 04:37 pm

Boa tarde,

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores

Código:
.bodylinewidth {position: relative;left: 83px;}

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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 box retrátil - lateral

Mensagem por Gui1602 em 23/09/12, 04:40 pm

Obrigado pela ajuda, porém não houve resultado.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Sennior em 23/09/12, 04:43 pm

Olá,

Troque por este:

Código:
.bodylinewidth {position: relative;left: 83px !important;}

Coloque o código no INICIO de teu CSS.

Cordialmente.
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 box retrátil - lateral

Mensagem por Gui1602 em 23/09/12, 04:45 pm

Este código deixou o conteúdo do fórum centralizado, porém descentralizou o Menu e o Logo.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

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

Boa tarde,

Para resolver os problemas dito pelo senhor, coloque este código em teu CSS. Lembrando, coloque o código no inicio de teu CSS:

Código:
.mainmenu {position: relative;left: -101px;}#position: relative;left: -72px;}h1 {position: relative;left: -101px;}

Passar bem! Piscada
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 box retrátil - lateral

Mensagem por Gui1602 em 23/09/12, 10:01 pm

Ao tentar aplicar o código, apareceu a seguinte mensagem:

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Convidado em 23/09/12, 10:07 pm

Boas,
troque por este
Código:
mainmenu {position: relative;left: -101px;}#position: relative;left: -72px;
h1 {position: relative;left: -101px;}

Convidado
Convidado


Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 23/09/12, 10:13 pm

Aplicando este código, o Logo e o Menu centralizaram, porém o conteúdo do fórum permaneceu descentralizado.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 24/09/12, 09:22 pm

Ninguém teria uma solução cabível?
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Sennior em 24/09/12, 09:30 pm

Boa noite,

O código que eu passei estava com um probleminha, troque por este:

Código:
.mainmenu {position: relative;left: -101px;}##i_logo {position: relative;left: -72px;}h1 {position: relative;left: -101px;}

Passar bem!
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 box retrátil - lateral

Mensagem por Gui1602 em 24/09/12, 10:25 pm

Obrigado, porém agora somente o logo centralizou, o conteúdo e o menu permaneceram descentralizados. :~
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 25/09/12, 10:35 pm

Ninguém?
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Sennior em 26/09/12, 08:40 pm

Boa noite,

Poderia recolocar o código para que eu possa rever o erro?

Até mais!
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 box retrátil - lateral

Mensagem por Gui1602 em 26/09/12, 09:28 pm

Noite,
O último código tentado foi:

Código:
.mainmenu {position: relative;left: -101px;}##i_logo {position: relative;left: -72px;}h1 {position: relative;left: -101px;}

Obrigado pela ajuda.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por CRIADOURO TORRES em 29/09/12, 12:13 pm

Também estou com mesmo problema.

Você já conseguiu que Código usou?
avatar

CRIADOURO TORRES
Nível 4

Masculino
Inscrito dia : 03/08/2012
Mensagens : 30
Pontos Ativos : 42

Ver perfil do usuário http://mundodasaves.forumeiro.com/forum

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 30/09/12, 02:59 am

Há algum código que corrija os erros, já que nenhum funcionou?
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 02/10/12, 10:07 pm

Olá,
caso não tenha uma solução para meu problema, avise que tentarei pensar numa solução fora dos códigos. Não sei se a demora é por conta da complexidade do meu problema ou se é por falta de visualizações, mas eu gostaria de pedir que agilizassem uma resposta, nem que seja algo como "Estamos trabalhando nisso" ou "Não há um código que corrija todos os problemas".
Obrigado.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Hyouki em 03/10/12, 06:52 pm

Olá amigo , aqui tente usar esse código .
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: left; 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>
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 03/10/12, 10:22 pm

Este código centralizou o Menu e o Logo, mas o Conteúdo do fórum permaneceu descentralizado, "apertado" no canto esquerdo.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Dr.Birita em 04/10/12, 09:49 am

Meu Amigo entre no link do meu deste fórum e me informe se é desta maneira que quer op Chat Box, eu o botei agora só para você ver:

Link: http://institutomonroe.forumeiros.com/forum


Assim?

Se for me avise e em 12HRs te respondo
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 04/10/12, 06:59 pm

Olá,
Não, gostaria do Chat Box do modo que está aplicado em meu fórum, porém ao aplicá-lo o conteúdo do fórum descentraliza, logo estava tentando um código que corrigisse o problema.
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Luciano98 em 07/10/12, 09:03 am

Olá!

Painel de Controle Seta Módulos Seta Portal & Widgets Seta gestão dos widgets do fórum
Procure pelo Widget do chatbox e clique no botão Editar .
Procure por "Utilizar um table type" e marque "Não".

Clique em "Salvar".

Caso não funcione, sugiro que deixe configurado dessa maneira e poste o código do Widget aqui no tópico.

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 box retrátil - lateral

Mensagem por Funny Frew em 07/10/12, 09:16 pm

Olá,você tem interesse em colocar outro widget no fórum? Se não vá em: Módulos Seta Portal e Widgets Seta Largura Coluna 1 (esquerda) Seta e coloque o tamanho desejado.


Resultou?
avatar

Funny Frew
Nível 5

Feminino
Inscrito dia : 15/12/2011
Mensagens : 47
Pontos Ativos : 73

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

Resolvido Re: Chat box retrátil - lateral

Mensagem por Gui1602 em 08/10/12, 01:12 pm

Olá,
O table type já estava desativado, enfim. Eis o 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>
avatar

Gui1602
Nível 8

Masculino
Inscrito dia : 04/08/2011
Mensagens : 115
Pontos Ativos : 188

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