Como colocar "likes/gostos" nos comentários

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

Resolvido Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Ter 24 Set 2013 - 14:25

Qual é minha questão:
Olá.
É assim eu antes de mais queria saber se era possível colocar uma espécie de "gostos" nos comentários, era uma forma mais fácil mas sem trabalho. Já ando atrás dessa resposta à algum tempo, gostava que me respondessem.



Endereço do meu fórum:
http://ball2dpt.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em Qua 25 Set 2013 - 10:36, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Sennior em Ter 24 Set 2013 - 20:23

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Qua 25 Set 2013 - 8:58

Olá.
Não resultou e aliás, meu fórum é PunBB e esse tutorial só serve para Phpbb3 e Invision.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por adrian em Qua 25 Set 2013 - 9:14

tente este

1º - Crie um Novo Java Script
Vá até o Painel de controle :seta2:Módulos :seta2:HTML & JAVASCRIPT :seta2:Gestão dos códigos JavaScript :seta2:Criar um Novo JavaScript.

Adicione o Seguinte Js sem nenhum investimento.

Código:
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Loading...";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};

function init_lg_like_system() {
    var x = $('.vote');
    for (var i = 0, l = x.length; i < l; i++) {
        var vote = x[i],
            count = 0,
            plus = 0;
        var bar = $('.vote-bar', vote)[0];
        var button = $('.vote-button', vote)[0];
        if (bar) {
            var info = bar.title.match(/\d+/g);
            count = info[0];
            var percent = info[1];
            plus = Math.round(parseInt(percent) * parseInt(count)) / 100;
        }
        button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">' + vote_singular + '</span>' : '<span class="LGlike LGnovote">' + vote_singular + '</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';

        if (like_version === 'phpbb3' || like_version === 'PHPBB3') {
            $('.corners-bottom', vote.parentNode.parentNode)
        .before('<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        } else if (like_version === 'invision' || like_version === 'Invision' || like_version === 'INVISION') {
            $(vote.parentNode.parentNode.parentNode.nextSibling.lastChild)
        .prepend('<li><div class="LGvote">' + button + votes_text + '</div></li>');
        } else if (like_version === 'punbb' || like_version === 'PUNBB') {
            $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode)
        .before('<div class="LGvote" style="float:right;">' + button + votes_text + '</div>');
        }
          else if (like_version === 'PHPBB2' || like_version === 'phpbb2') {
            $('td.post tr:last')
        .append('</br></br><div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        }
    }
x.remove();
};

if (DOM_IS_READY == true) {
    init_lg_like_system();
} else {
    $(function () {
        init_lg_like_system();
    });
}
Depois crie um novo JS com investimento nos Tópicos
Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtir';
var vote_plural = 'Curtiram isso';
$.getScript('http://bestskins.com.br/26249.js');
Localize: http://bestskins.com.br/26249.js e troque pelo link do código JS criado anteriormente.
Salve.

2º - Aceda a folha css do seu fórum

Vá até o Painel de controle :seta2:Visualização :seta2:Imagens e Cores Cores :seta2:Folha de estilo css.

Adicione Isto em seu CSS.

Código:
/*like*/
.LGlike {
background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
background-color: #326A94;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
margin-right: 5px;
margin-top: 30px;
}
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
Valide.
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.com/

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Qua 25 Set 2013 - 9:40

Olá
Fiz tudo direitinho mas não deu.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por adrian em Qua 25 Set 2013 - 9:42

remova alguns JavaScript seu pode ser conflitos
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.com/

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Qua 25 Set 2013 - 9:44

Não tinha nenhum JavaScript adicionado
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por adrian em Qua 25 Set 2013 - 9:49

Olá!
Por coincidência já estava fazendo isso para o meu fórum e consegui por meio dos templates em PunBB e Phpbb2, com scripts não consegui...
Caso sua versão seja uma das que citei acima, aqui vai um mini-tutorial.

Adicionando o botão Like nas versões Phpbb2 e Punbb


Primeiramente, você deverá escolher um estilo de código do Facebook que lhe interesse. Basta fazer o login e ir neste endereço: http://developers.facebook.com/docs/reference/plugins/like/
Vá na caixinha e faça a escolha de acordo com seu gosto.
OBS.: Recomendo que desmarque o Show Faces para que não estrague o layout das postagens.
Após adquirir o código, faça login na conta de fundador para acessar os templates, e vá em: Painel de Controle Seta Visualização Seta Templates Seta Geral :seta2:viewtopic_body e clique em  Editar
Procure pela parte
Código:

<!-- END switch_signature -->

<div class="postfoot">
<div class="user-contact">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options">
Adicione o código abaixo do texto em vermelho, veja como ficará:
Código:

<!-- END switch_signature -->

<div class="postfoot">
<div class="user-contact">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fkromusdesign.com&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
Este em vermelho é o código do facebook.
Obs.: Não copie esta parte do template pois não está completa.
Obs².: Não copie meu código pois se não, a função irá para meu fórum e não para o seu.
Após fazer tal edição, clique em salvar e depois Adicionar publicar.
Qualquer dúvida, podem perguntar!
Até mais!
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.com/

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Qua 25 Set 2013 - 10:09

Finalmente funcionou!
Mas a parte do botão gosto em cada comentário já vai em 1.5 milhões, será que não dá para por a contar do 0? Para que seja as pessoas do fórum a por gosto?
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por adrian em Qua 25 Set 2013 - 10:20

poderia me enformar a image com o erro


Última edição por adrian cesar em Qua 25 Set 2013 - 10:22, editado 1 vez(es)
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.com/

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por Diogo Ferreira em Qua 25 Set 2013 - 10:21

Já consegui. Mudando o link no criador do botão "like".

Mais uma vez, muito obrigado.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Como colocar "likes/gostos" nos comentários

Mensagem por adrian em Qua 25 Set 2013 - 10:29

se resolveu seu problema com gentileza clique em resolvido
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.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