Chatbox em todas as páginas e configuração no canto
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Chatbox em todas as páginas e configuração no canto
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
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
Re: Chatbox em todas as páginas e configuração no canto
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:
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
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
Sheamus- ****
- Membro desde : 04/01/2012
Mensagens : 216
Pontos : 268
Re: Chatbox em todas as páginas e configuração no canto
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?
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?
Re: Chatbox em todas as páginas e configuração no canto
Olá,
Leia o conteúdo do spoiler
Até mais
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
1° - 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="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>
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.
2° - 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
Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle. Utilizar um table type: - Nesta opção, deverá ser marcado o "Não". Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente. Fonte do widget: - Neste campo, deve ser inserido o código mostrado no passo 1. 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
Tópicos semelhantes
» Chat box em todas as páginas e no canto
» Chatbox em todas as páginas
» Chatbox em todas as páginas
» Como posso colocar o chatbox em todas as paginas?
» Como colocar chatbox em todas as páginas
» Chatbox em todas as páginas
» Chatbox em todas as páginas
» Como posso colocar o chatbox em todas as paginas?
» Como colocar chatbox em todas as páginas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos