Chat e seta que move para cima e para baixo do lado direito do fórum

3 participantes

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

Tópico resolvido Chat e seta que move para cima e para baixo do lado direito do fórum

Mensagem por CPTNOMAD462ST 05.11.11 0:26

Qual é minha questão:
Nesse fórum, colocaram o chat e uma seta que move para cima e para baixo do lado direito do fórum. Como faço isso?

Medidas que eu tomei para corrigir o problema:
Nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://cadeogtamodificado.ativoforum.com/

Versão do meu fórum:
PHPBB3
avatar

CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chat e seta que move para cima e para baixo do lado direito do fórum

Mensagem por '-Hobby-' 05.11.11 2:10

Olá!

Chat:

Painel... -> Módulos -> HTML & JAVASCRIPT -> Gestão dos Códigos Javascript -> Criar um novo JavaScritp:

Título * : Insira um titúlo.
Investimento : Em todas as páginas.


Insira este código:
Código:
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<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="chatoc()" 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>')});


Setas (Ou Subir e Descer) -> Encontra-se neste tutorial ->
[TUTORIAL] Botão de fim e topo da página



Resolve?
'-Hobby-'

'-Hobby-'
****

Membro desde : 16/10/2011
Mensagens : 317
Pontos : 374

http://www.hobby-forum.top-forum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Chat e seta que move para cima e para baixo do lado direito do fórum

Mensagem por CPTNOMAD462ST 05.11.11 11:03

'-Hobby-' escreveu:Olá!

Chat:

Painel... -> Módulos -> HTML & JAVASCRIPT -> Gestão dos Códigos Javascript -> Criar um novo JavaScritp:

Título * : Insira um titúlo.
Investimento : Em todas as páginas.


Insira este código:
Código:
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<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="chatoc()" 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>')});


Setas (Ou Subir e Descer) -> Encontra-se neste tutorial ->
[TUTORIAL] Botão de fim e topo da página



Resolve?
O chat não aparece!

Quero que nem esse debaixo
https://i.imgur.com/MW3Jx.jpg
https://i.imgur.com/OJO3P.jpg
avatar

CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Chat e seta que move para cima e para baixo do lado direito do fórum

Mensagem por Luciano98 05.11.11 11:36

Olá!

Coloque esse código em um Widget:
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>

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chat e seta que move para cima e para baixo do lado direito do fórum

Mensagem por CPTNOMAD462ST 05.11.11 12:29

Resolvido
avatar

CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos