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
» Preciso de uma logo para meu servidor SAMP
Hoje à(s) 01:43 am por odelgado

» Aumentar Aba Loguim
Hoje à(s) 12:59 am por paulim78

» Remover informaçoes
Hoje à(s) 12:30 am por Ketholy

» Botões de Fixo e Resolvido
Ontem à(s) 10:14 pm por Ketholy

» Preciso de ranks para SAMP
Ontem à(s) 10:11 pm por Fou-Lu

» Efeito Canvas
Ontem à(s) 10:05 pm por YouTube3

» Resposta Topico
Ontem à(s) 09:09 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Shek
 
Fou-Lu
 
paulim78
 
Eduardo Lima
 
while
 
brunopro
 
Jeckwilke
 
LucasPofahl
 

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

Gaaratsu, paulim78

[ 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 : 17015
Pontos Ativos : 21314

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