Como por esses icones das red sociais?

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

Atendido / Resolvido Como por esses icones das red sociais?

Mensagem por Uatyla 02.05.14 16:16

  • Descrição:
Olá senhores!

Eu gostaria de saber, si é possível por ícones das redes sociais dessa forma!
Como por esses icones das red sociais?  59687

Site que vi essa função
http://aquabr.com.br/artigos/reproducaocultivo/reproducao-de-acara-bandeira_11

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:esses,icones,sociais?



Última edição por uatyla em 04.05.14 14:39, editado 1 vez(es)
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2473
Pontos Ativos : 3507

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Shek 02.05.14 21:38

Olá!

Leia o seguinte tutorial: https://ajuda.forumeiros.com/t74499-

Atenciosamente,
Shek

Tópico movido de 'Questões sobre HTML e BBCODE' para 'JavaScript e jQuery'
Shek

Shek
Membro profissional
Membro profissional

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18520
Pontos Ativos : 22301

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Uatyla 03.05.14 2:55

Não, esse código já usei, e ele não funciona corretamente em meu fórum, o que desejo é algo semelhante a o que já tem no meu fórum, porém só conseguir adicionar o facebook.
Como por esses icones das red sociais?  Visitas_01
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2473
Pontos Ativos : 3507

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Uatyla 04.05.14 12:31

UP
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2473
Pontos Ativos : 3507

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Shek 04.05.14 13:09

Olá!

Painel de Controle > Módulos > HTML e JS > Gestão dos códigos Javascript > Criar um novo Javascript > Investimento > Nos tópicos > e cole este código:
Código:
jQuery(document).ready(function(){$('p.right').append('<a href="https://twitter.com/share" class="twitter-share-button" data-via="Actiffeed" data-lang="pt">Tweetar</a> <div class="g-plusone" data-size="medium" data-annotation="none"></div>');
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');});
Em seguida, cole este código em um widget:
Código:
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Até mais!
Shek

Shek
Membro profissional
Membro profissional

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18520
Pontos Ativos : 22301

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Uatyla 04.05.14 13:47

Agora sim Funcionou!
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2473
Pontos Ativos : 3507

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Shek 04.05.14 13:54

Eu consegui melhorar o código para não dividir em duas partes, você pode adicionar somente este código na sua página Javascript que acabas de criar:
Código:
jQuery(document).ready(function(){$('p.right').append('<a href="https://twitter.com/share" class="twitter-share-button" data-via="Actiffeed" data-lang="pt">Tweetar</a> <div class="g-plusone" data-size="medium" data-annotation="none"></div>');
  window.___gcfg = {lang: 'pt-BR'};  (function() {    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');});
Em seguida, você pode remover o script do widget, visto que, acabo de adicionar isso junto ao JS.

Se sua questão está resolvida, clique no botão Como por esses icones das red sociais?  A310, por favor.

Bom dia!
Shek

Shek
Membro profissional
Membro profissional

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18520
Pontos Ativos : 22301

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Como por esses icones das red sociais?

Mensagem por Uatyla 04.05.14 14:39

Perfeitooooooo, Parabéns ai! e Muito Obrigado!
Uatyla

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2473
Pontos Ativos : 3507

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum