Chatbox em todas as páginas e configuração no canto

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

Resolvido Chatbox em todas as páginas e configuração no canto

Mensagem por Aloyssius G. Salek em 04/02/12, 02:54 am

Qual é minha questão:
Gostaria de saber como colocar o chatbox em todas as páginas e colocá-lo em uma configuração de "abre-e-fecha", igual no site http://masterexp.forumeiro.com/f122-eventos que tem do lado direito "OPEN", daí você clica e abre o chat e em "CLOSE" fecha.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Nenhuma.

Endereço do meu fórum:
www.arestomomentum.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

Aloyssius G. Salek
Nível 6

Masculino
Inscrito dia : 05/01/2012
Mensagens : 70
Pontos Ativos : 136

Ver perfil do usuário http://www.vira-tempo.forumeiros.com/

Resolvido Re: Chatbox em todas as páginas e configuração no canto

Mensagem por Sheamus em 04/02/12, 03:19 am

para isso ative os Widgets indo em:

Painel de Controle> Modulos> Portal e Widgets> Gestão dos Widgets do fórum

Cheagndo na pagina coloque: "Exibir os widgets do fórum" marque "Sim" depois clique em salvar!

após isto va em "Criar um novo widget personalizado"

adicione a ele este conteudo:

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>

coloque: "utilizar um table tipe: Não"

Depois disto, pegue seu novo widget em "Widgets pessoais" o adicionando a sua lista de Widgets!

Funciou? Não se esqueça do obrigado!

Até mais Piscada

avatar

Sheamus
Nível 9

Inscrito dia : 04/01/2012
Mensagens : 216
Pontos Ativos : 268

Ver perfil do usuário

Resolvido Re: Chatbox em todas as páginas e configuração no canto

Mensagem por Neerd em 05/02/12, 12:09 am

Lord of Caos

Eu coloquei o codigo e funcionou direitinho, mais ficou outro chat box igual antes, ai ficaram 2 chat box, um no inicio da pagina, e um no canto >>.

Tem alguma solução?
avatar

Neerd
Nível 2

Masculino
Inscrito dia : 31/01/2012
Mensagens : 12
Pontos Ativos : 29

Ver perfil do usuário http://world-pixels.forumeiros.com

Resolvido Re: Chatbox em todas as páginas e configuração no canto

Mensagem por King Gz; em 05/02/12, 11:05 am

Olá,

Leia o conteúdo do spoiler
Spoiler:


Chat Box Retrátil - Lateral

Muitas vezes, desejamos poder fazer algo dinâmico, simples, elegante e prático. Neste tutorial, aplicaremos esses conceitos ao Chat Box que ficará em uma lateral do fórum, trazendo assim, maior comodidade no ato da navegação.

--> Tutoriais, dicas e astúcias <--
Chat Box Retrátil - Lateral


- Conhecendo e modificando 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>

Vermelho > O campo define se a imagem de abertura fica fixa na lateral do fórum ou se ela acompanha o chatbox em seu distender. Em 'right', a imagem acompanhará o chat e, em 'left', a imagem fica fixa na tela e o chat box se estende a sua esquerda.
Laranja > O campo define o tamanho em qual a largura do chat irá distender.
Azul > O valor deste campo define em quanto tempo o chat se abrirá por total. A cada 1000 = 1 segundo. Se o valor for 0, não há deslize e ele abre imediatamente.
Em Negrito: > Imagem que, quando acionada, irá fechar o chatbox.
Em Itálico > Imagem que, quando acionada, irá fechar o chatbox.

- Aplicação do código:

Para utilizarmos o chat box retrátil, utilizaremos um widget personalizado. Para isso, aceda à:

Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado


Seta Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, deve ser inserido o código mostrado no passo 1.
Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

Feito isso, basta que o widget seja arrastado para uma coluna no módulo correspondente para que o chat seja aplicado.

  • Resultado:





© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Chat Box Retrátil - Lateral

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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