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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Códigos para isso??
Hoje à(s) 02:52 pm por Luiz

» Slides bugado
Hoje à(s) 01:50 pm por iScroll

» Modificar como aparece o usuário nas postagens
Hoje à(s) 01:34 pm por Luiz

» Opção de visualizar mensagens que foram editadas
Hoje à(s) 01:30 pm por Luiz

» Logo para um fórum
Hoje à(s) 01:28 pm por Hyouran

» Menu & Fundo
Hoje à(s) 01:15 pm por Luiz

» Ícones flutuantes
Hoje à(s) 11:54 am por zHugh

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
zHugh
 
T1ag0
 
APOllO
 

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

Connor R., DustyRhodes, GustavoDM11, Luiz, ofmelo.man-blog.net, Pedxz, vinicius.ueh00

[ 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

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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


Shek CrowleyAdmineiro - 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 : 16941
Pontos Ativos : 21268

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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