Chat retratil com bug

Item: Chat retratil com bug
Rating: 1
Author: Forumeiros

por nikkibs em Qua 22 Ago 2012 - 17:52

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://i1220.photobucket.com/albums/dd444/RedeBS/chat-1.png" id="chatboxopen" style="display: inline; "><img src="http://i1220.photobucket.com/albums/dd444/RedeBS/chat-1.png" 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

por **Sennior** em Qua 22 Ago 2012 - 23:46

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'

por nikkibs em Qui 23 Ago 2012 - 5:05

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

por **Sennior** em Qui 23 Ago 2012 - 5:09

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.

por nikkibs em Qui 23 Ago 2012 - 15:33

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

Fórum dos Fóruns Forumeiros

Chat retratil com bug

Chat retratil com bug

Re: Chat retratil com bug

Re: Chat retratil com bug

Re: Chat retratil com bug

Re: Chat retratil com bug