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
» Chatbox aberto
Hoje à(s) 10:05 por Claudio Renan Farias

» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 
Claudio Renan Farias
 

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

Claudio Arthur, Claudio Renan Farias

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 17 Ago 2015 - 7:02

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 Ter 18 Ago 2015 - 23:20

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 Qui 20 Ago 2015 - 15:21

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 Qui 20 Ago 2015 - 23:29

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 Crowley em Qua 26 Ago 2015 - 14:46

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
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16070
Pontos Ativos : 20655

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 Qua 26 Ago 2015 - 19:14

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 Qua 26 Ago 2015 - 19:32

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 Qua 26 Ago 2015 - 23:28

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 Qui 27 Ago 2015 - 2:50

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 Ter 1 Set 2015 - 17:46

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 Ter 1 Set 2015 - 17:57

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 Ter 1 Set 2015 - 18:50

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 Ter 1 Set 2015 - 19:11

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 Ter 1 Set 2015 - 19:12

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