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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» II Coluna de Entrevistas à Equipe
Hoje à(s) 11:04 por Shek

» Mudança de dominío pago para gratuito
Hoje à(s) 10:42 por Octávio Ferreira

» Ausência dos campos de perfil
Hoje à(s) 10:40 por Cream

» Botões CKeditor funcional
Hoje à(s) 10:28 por Shek

» Erro Facebook Conect
Hoje à(s) 9:44 por Shek

» Formulário de postagens
Hoje à(s) 9:41 por Shek

» E-mail de fundador
Hoje à(s) 9:29 por Shek

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Shek
 
Cream
 
Mr.Probz
 
while
 
idarkdg
 
Nean
 
lavinnia
 
Apollo
 
Harleen
 
sandra51
 

Quem está conectado
107 usuários online :: 5 usuários cadastrados, 1 Invisível e 101 Visitantes :: 2 Motores de busca

Cream, Harleen, Holkis, Octávio Ferreira, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13: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 - 3: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

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Ter 18 Ago 2015 - 19:20

Up?

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em Qui 20 Ago 2015 - 11:21

Olá!

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

Cumprimentos.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Qui 20 Ago 2015 - 19: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.

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Shek em Qua 26 Ago 2015 - 10: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


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14626
Pontos Ativos : 21648

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 - 15: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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Qua 26 Ago 2015 - 15: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...

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em Qua 26 Ago 2015 - 19: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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Qua 26 Ago 2015 - 22: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.

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em Ter 1 Set 2015 - 13:46

Olá autora,

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

Até mais.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Ter 1 Set 2015 - 13: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...

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em Ter 1 Set 2015 - 14: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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Hagatsune em Ter 1 Set 2015 - 15: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.

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 35
Pontos Ativos : 885

http://valkyrierpg.forumeiros.com/

Resolvido Re: Chatbox lateral usando chatango

Mensagem por Fraise em Ter 1 Set 2015 - 15: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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5