Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Opiniões: criar um fórum sobre apostas?
Hoje à(s) 08:45 am por Roger_Crazzy

» Legenda GIF
Hoje à(s) 08:43 am por MtX

» Quanto tempo vocês estão no Forumeiros?
Hoje à(s) 08:27 am por loucozinho

» Quem você mais admira no Fórum dos Fóruns?
Hoje à(s) 08:22 am por loucozinho

» Apresentação dos membros (fale sobre você)
Hoje à(s) 08:19 am por loucozinho

» Imagem em determinada área
Hoje à(s) 07:03 am por Roger_Crazzy

» Sub-Fóruns
Hoje à(s) 06:49 am por Roger_Crazzy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Roger_Crazzy
 
Lincoln
 
Holkis
 

Quem está conectado
245 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 242 Visitantes :: 2 Motores de busca

JulioPais, MtX, Roger_Crazzy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Chatbox lateral usando chatango

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

Resolvido Chatbox lateral usando chatango

Mensagem por Hagatsune em 17/08/15, 03:02 am

Detalhes da questão


Endereço do fórum: http://bloodypalacerpg.forumeiros.com/forum
Versão do fórum: PhpBB2

Descrição

Oi, eu gostaria de saber se tem como colocarmos o chat do chatango utilizando de um código que eu encontrei por aqui, que faz com que o chatbox padrão fique na lateral do fórum.

Código que encontrei.
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>

Código do Chatango:
Código:
<script style="width: 170px;height: 276px;" src="//st.chatango.com/js/gz/emb.js" async="" data-cfasync="false" id="cid0020000093941551878">{"handle":"bloodypalacerpg","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"11.25","q":"CC0000","r":100,"usricon":1.3,"cnrs":"0.89","fwtickm":1}}</script>

Resumindo, eu queria o Chatango no lugar do Chatbox padrão do fórum. Tem como?? Não consegui, no caso, fazer o chat abrir e fechar, como aconteceria com o Chatbox padrão x.x
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 18/08/15, 07:20 pm

Up?
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 20/08/15, 11:21 am

Olá!

Basicamente, a senhora desejar usar um chat externo retrátil, correto?

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 20/08/15, 07:29 pm

Sim, isso mesmo, eu consegui colocar na lateral dentro de um Widget, mas não retrátil... Quando eu consegui colocar, como mostra a imagem, o retrátil parou de funcionar... Dai eu queria saber se seria possível.
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Shek em 26/08/15, 10:46 am

Olá.

Poxa... Eu aprendi uma coisa que não sabia. Obrigado @Hagatsune. Muito feliz Não sabia que no <script> podíamos usar o style="" para definir largura ou outras propriedades. kkkk, que coisa! xD

A respeito de sua dúvida Hagatsune, você pode Criar uma página HTML em Módulos >> HTML e Javascript >> Gestão das páginas HTML >>. Quando a página se abrir, basta colocar o script que o site lhe forneceu. Salve a mesma, e pegue a URL da página. Por exemplo: http://seuforum.forumeiros.com/h3-minha-pagina-html e depois, cole num bloco de notas.

Em seguida, acesse Móduls >> Portal e Widgets >> Gestão dos Widgets do fórum >> Criar um widget personalizado >> e adicione o seguinte código:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="A_URL_VEM_AQUI" 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>
Antes de salvar o novo widget, substitua o texto A_URL_VEM_AQUI por sua URL da página que pedi para colocar no Bloco de Notas.

Atenciosamente,
Shek King


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16475
Pontos Ativos : 20863

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 26/08/15, 03:14 pm

Olá!

Em alternativa, poderá usar este código no fim do seu overall_header:
Código:
<style>
  #chatfraise {
  position:fixed!important;
  margin-left:800px;
  }
</style>
<div id="chatfraise">
<script style="width: 170px;height: 276px;position:fixed;" src="//st.chatango.com/js/gz/emb.js" async="" data-cfasync="false" id="cid0020000093941551878">{"handle":"bloodypalacerpg","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"11.25","q":"CC0000","r":100,"usricon":1.3,"cnrs":"0.89","fwtickm":1}}</script>
</div>

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 26/08/15, 03:32 pm

Fiz tudo o que me disse, mas ficou assim:



E o código assim que salvo se modificou para este:

Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
   <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="http://bloodypalacerpg.forumeiros.com/h2-chatango">
   </iframe>
   <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
      <img style="display: inline; " id="chatboxopen" src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" />
   </div>
</div>

A página HTML que pediu pra eu fazer: http://bloodypalacerpg.forumeiros.com/h2-chatango

Meu fórum: http://bloodypalacerpg.forumeiros.com/forum


@Fraise Não seria bem isso que eu quero... Quero colocar o chatango ali naquele retrátil que tem na imagem...
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 26/08/15, 07:28 pm

Olá!

Troque o código por este:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
  <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="http://bloodypalacerpg.forumeiros.com/h2-chatango">
  </iframe>
  <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
      <img style="display: inline; " id="chatboxopen" src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" /><img style="cursor: pointer; display: inline; " id="chatboxclose" src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" />
  </div>
</div>

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 26/08/15, 10:50 pm

Consegui colocar o chatango lá, mas agora ficou 2 abas de abrir e fechar, e eu já procurei por outro código que eu tenha botado e não achei... Já vi em HTML, Java, nos widgets e não achei nada... x.x

Fórum: http://bloodypalacerpg.forumeiros.com/

Se quiserem dar uma olhada.
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 01/09/15, 01:46 pm

Olá autora,

Poderia fornecer o código que está usando atualmente?

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 01/09/15, 01:57 pm

O código Java que estou usando atualmente (que está funcionando):

Código:
jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},350); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 400px; right: 0px; z-index:1000;"><iframe src="http://bloodypalacerpg.chatango.com/" id="chatboxpop" scrolling="yes" style="height: 300px; border: 2px solid #000000; -webkit-border-radius: 3px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:600px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" 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ém está duplicado a aba de open e close como na imagem:



Quando eu desligo todos os Java's o duplicado ainda aparece, só que sem nada, como na imagem:



OBS.: Eu só tenho o Java com esse código, não estou com nenhum widget ligado e não tem mais nenhum java com código desse gênero...
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 01/09/15, 02:50 pm

Olá @Hagatsune,

Troque por este:
Código:
jQuery(document).ready(function(){

    s="jQuery('#chatboxpop').animate({width:'toggle'},350); jQuery('#chatboxopen,#chatboxclose').toggle();";
    jQuery('body').html('<div style="overflow: visible; position: fixed; bottom: 30px; height: 400px; right: 0px; z-index:1000;"><iframe src="http://bloodypalacerpg.chatango.com/" id="chatboxpop" scrolling="yes" style="height: 300px; border: 2px solid #000000; -webkit-border-radius: 3px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:600px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" 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.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em 01/09/15, 03:11 pm

Achei o código duplicado hahahahahaha, estava em anúncios, pois num tópico de ajuda de chat lateral estava dizendo pra colocar em anúncios, mas eu esqueci deste lugarzinho XD huahuahuahuahua. Muito obrigada pela ajuda, acho que já podem fechar.
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em 01/09/15, 03:12 pm

Meu deus. Rindo

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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