Chat box retrátil - lateral

por Gui1602 23.09.12 20:29

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

por Sennior 23.09.12 20:37

Boa tarde,

Aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores 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'

por Gui1602 23.09.12 20:40

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

por Sennior 23.09.12 20:43

Olá,

Troque por este:

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

Coloque o código no INICIO de teu CSS.

Cordialmente.

por Gui1602 23.09.12 20:45

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

por Sennior 23.09.12 21:11

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

por Gui1602 24.09.12 2:01

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.

por Convidado 24.09.12 2:07

Boas,
troque por este

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

por Gui1602 24.09.12 2:13

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

por Gui1602 25.09.12 1:22

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

por Sennior 25.09.12 1:30

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!

por Gui1602 25.09.12 2:25

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

por Gui1602 26.09.12 2:35

Ninguém?

por Sennior 27.09.12 0:40

Boa noite,

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

Até mais!

por Gui1602 27.09.12 1:28

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.

por CRIADOURO TORRES 29.09.12 16:13

Também estou com mesmo problema.

Você já conseguiu que Código usou?

por Gui1602 30.09.12 6:59

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

por Gui1602 03.10.12 2:07

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.

por Hyouki 03.10.12 22:52

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>

por Gui1602 04.10.12 2:22

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

por Dr.Birita 04.10.12 13:49

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

por Gui1602 04.10.12 22:59

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.

por Luciano98 07.10.12 13:03

Olá!

Painel de Controle Módulos Portal & Widgets 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.

por Funny Frew 08.10.12 1:16

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?

por Gui1602 08.10.12 17:12

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="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Chat box retrátil - lateral

Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral

Re: Chat box retrátil - lateral