Como ter este código??

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

Resolvido Como ter este código??

Mensagem por HelixMendix em 13/10/12, 07:28 am

Qual é minha questão:
Olá, eu gostaria de obter o método (código) do botão GOSTO do que está instalado neste site -> http://4downloads.expressforum.org/t73-canal-online-sic

Pois eu já utilizei o pulgin do facebook normal e o problema é quando fazemos um GOSTO em um tópico esse GOSTO irá aparecer em todos os tópicos pelo fórum, e nesse fórum isso já não acontece, como eles fizeram isso? Alguem ajuda?

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.rewtec.com

Versão do meu fórum:
PUNBB
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 07:56 am

Olá,

Leia:

Spoiler:


Adicionar códigos HTML pré-definidos as mensagens

Neste tutorial, ficará disposto uma maneira de colocar qualquer código HTML em mensagens pelo fórum abaixo do autor do tópico. Isso permitirá colocar imagens, marcas d'água, textos, quebras de linha, scripts, integração com redes sociais e muito mais!

--> Tutoriais, dicas e astúcias <--
Adicionar códigos HTML pré-definidos as mensagens


- Código do tutorial:

Utilizaremos do seguinte jQuery para reproduzir o efeito. Não trocaremos onde ele editará, mas você pode o fazer. Apenas trabalharemos o seu conteúdo:

jQuery(document).ready(function() {
jQuery('.author').after('
<img src="http://www.illiweb.com/fa/banner/pt/banner4.jpg" /> ');
});

Laranja: Código que utilizará. No caso, uma imagem já está aplicada, mas pode ser substituída por qualquer código HTML.

- Aplicação do código:

Para que o efeito cumpra o desejado, devemos aplicar o código em uma página .JS.

Painel de controle ->> Módulos ->> HTML & Javascript ->> Gestão dos códigos javascript ->> Criar um novo javascript ->>

Em Investimento vamos marcar a opção "Nos tópicos".

- Resultado:




© Fórum dos Fóruns & Ace


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Adicionar códigos HTML pré-definidos as mensagens

Substitua a parte laranja pelo código que o senhor deve elaborara aqui:

Flecha ajudeiros http://developers.facebook.com/docs/reference/plugins/like/

Cordialmente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:05 am

Olá grande ACE!!

No caso qual seria então o código a substituir pela parte laranja??

O 1º ou o 2º ??

avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:07 am

Olá,

Se bem me recordo, o número 1. Piscada

Atenciosamente!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:14 am

Olá novamente ACE

Fiz tudo direitinho como pode ver na imagem a baixo



e nada aconteceu Triste
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:17 am

Olá,

Poderia me enviar o código 1 e o código 2 do Like do Facebook gerado pelo senhor?

Atenciosamente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por BrunoH. em 13/10/12, 08:20 am

Olá!
Tente substituir o código pelo o código do "XFBML", copie e cole novamente em seu JavaScript..
Ele que irá resultar.. Resulta?

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:27 am

Código 1

Código:


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=415894678439956";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Código 2
Código:

<div class="fb-like" data-href="http://www.rewtec.com" data-send="true" data-width="450" data-show-faces="true" data-font="verdana"></div>

Existe um passo que não percebi bem, como o meu fórum é PUNBB

isto aqui está certo?




Pois parece que eu tenho que fazer isto, está bem?
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:31 am

Olá,

Na criação do widget, troque de HTML5 para Iframe! Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:34 am

Quando faço isso aparece isto ACE

avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:37 am

Olá,

Uma opção na geração do código:

Send Button (XFBML Only)

Desative-a e funcionará! Piscada

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:47 am

O problema acho que está neste passo a baixo



Eu fiz bem como está na imagem a cima esse passo?

http://ajuda.forumeiros.com/t42976-faq-paginas-js

Pois não aparece nada ainda, a não ser que eu aplique o código directamente na template mas isso vai acontecer o tal problema, ao fazer um GOSTO em tópico esse GOSTO irá aparecer em todos os tópicos.
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:50 am

Olá,

Sim, tudo parece bem. Sobre o Like aparecer em todos os tópicos, isso não se diferenciará do código que lhe enviei. O like afetará seu fórum de forma global. Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 08:55 am

Mas no primeiro post que eu coloquei neste site -> http://4downloads.expressforum.org/t73-canal-online-sic ou neste fórum -> http://ielpjovens.forumeiros.net/t172-votacao-lider-de-jovens#488 eles conseguiram fazer o LIKE em cada tópico distinto e não no meu caso, pois quando faço o LIKE num tópico em mesmo LIKE surge em todos os tópicos do fórum.
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 08:57 am

Olá,

Pode notar que todos os tópicos do primeiro link tem um gostei e, na mesma medida, o outro fórum não tem nenhum em todos. É global. Isso porque não conseguimos trocar a variável de onde a pessoa irá curtir. Veja bem, no passo de criação a URL que a pessoa irá curtir é a página principal.

OBS: Leia este tópico:

http://ajuda.forumeiros.com/t37866-

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como ter este código??

Mensagem por HelixMendix em 13/10/12, 09:02 am

Exacatmente a URL é a página principal quando vamos gerar o código, mas o que é certo é que eu andei a inspecionar os códigos deles e eles conseguiram trocar a variavel que cada pessoa irá curtir. Observe bem!
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Resolvido Re: Como ter este código??

Mensagem por Ace em 13/10/12, 09:17 am

Olá,

Utilize o seguinte jQuery:

Código:
 jQuery(document).ready(function() {
jQuery('p.author').after('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F'+location.hostname+location.pathname+'&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ');
});

Cordialmente! Muito feliz
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

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