Sistema de reputação com likes

3 participantes

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

Tópico resolvido Sistema de reputação com likes

Mensagem por lalves 11.02.14 14:31

[img]Sistema de reputação com likes Wdsl[/img]Qual é minha questão:
Já li o tutorial e não consegui. não aparece a imagem.
Teria que aparecer aonde esta a seta correto....

Endereço do meu fórum:
http://az-br.forumeiros.com:80

Versão do fórum:
PHPBB3


Última edição por lalves em 11.02.14 17:27, editado 2 vez(es)
lalves

lalves
****

Membro desde : 03/02/2014
Mensagens : 240
Pontos : 395

http://az-br.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por Shek 11.02.14 15:29

Boa noite!

Você pode usar este tutorial:


Sistema de reputação com likes Gestio10

Novo sistema de curtidas para tópicos

Aposto que quase todos já pensamos em ter um sistema de curtidas nos tópicos como o do facebook. Com este código, isso será possível fazer em todas as versões.

Sistema de reputação com likes Act_bottomPara que este tutorial funcione, é necessário que o sistema de reputações esteja ativo.
Veja como ativar aqui: [FAQ] Gestão do sistema de reputação / botão obrigado
--> Tutoriais, dicas e astúcias <--
Novo sistema de curtidas para tópicos



- Interpretação do código para cada versão:
Como é sabido, o serviço Forumeiros dispõe de 4 versões: phpBB3, phpBB2, PunBB e Invision. Em cada caixa abaixo, terá um código para cada versão. Escolha o da sua versão e copie.

Sistema de reputação com likes Versio12 PHPBB 3
Código:
var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";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() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
Sistema de reputação com likes Versio11 PHPBB 2
Código:
var like_version = 'phpbb2';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";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() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
Sistema de reputação com likes Versio15 PUNBB
Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";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() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });
Sistema de reputação com likes Versio14 INVISION
Código:
var like_version = 'invision';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtida';
var vote_plural = 'Curtidas';
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Carregando";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() {
    for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
        var count = 0, plus = 0, bar = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0];
       if (bar) {
            var info = bar.title.match(/\d+/g);
            plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
        }
 
       button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">Curtir</span>' : '<span class="LGlike LGnovote">Curtido</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';
 var total_button = '<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>';
 
like_version === 'phpbb3' ?
            $('.corners-bottom', vote.parentNode.parentNode).after( total_button ) :
 like_version === 'invision' ?
$('.postbody', vote.parentNode.parentNode.parentNode).after( total_button ) :
 like_version === 'punbb' ?
 $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( total_button ) :
 like_version === 'phpbb2' ?
 $('.postbody', vote.parentNode).after( total_button ) : null;
    }
    x.remove();
};

DOM_IS_READY ? init_lg_like_system() : $(function () { init_lg_like_system() });


- Aplicando o código JS:
Aceda a:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
       
(carregue na imagem para aumentar)
           Sistema de reputação com likes Painel13

Sistema de reputação com likes 110111Seta Título Pode usar qualquer título que desejar, como por exemplo "Curtidas".
                               
Sistema de reputação com likes 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos
                               
Sistema de reputação com likes 110310Seta Código JavaScript Campo destinado para receber o código JavaScript acima, de acordo com a sua versão.
                               
Sistema de reputação com likes 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. Para que este efeito funcione, marque "Sim".
- Código CSS para a estilização dos botões:
Para que os botões fiquem bonitos e parecidos aos do facebook, terá que usar este código CSS:
Código:
.LGlike {
  padding-top: 10px;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
  background: #105289;
 }
.LGvote {
 margin: 0 5px;
}
.LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
.LGlikecount {
  font-size: 10px;
}


- Aplicando o código CSS:
Agora é tempo de adicionar o CSS acima na sua folha de estilos CSS. Aceda a: Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

       
(carregue na imagem para aumentar)
           Sistema de reputação com likes 1114


- Resultado:
(carregue na imagem para aumentar)
           Sistema de reputação com likes Y0jd
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por lalves 11.02.14 16:19

Não funcionou...
lalves

lalves
****

Membro desde : 03/02/2014
Mensagens : 240
Pontos : 395

http://az-br.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por Ace 11.02.14 16:26

Olá,

Veja se resulta: https://ajuda.forumeiros.com/t64222-

Até mais.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por lalves 11.02.14 16:31

não funcionou
lalves

lalves
****

Membro desde : 03/02/2014
Mensagens : 240
Pontos : 395

http://az-br.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por Ace 11.02.14 16:33

Olá,

Qual o código que você está utilizando?

Até mais.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por lalves 11.02.14 16:38

Phpbb3 e o código css
lalves

lalves
****

Membro desde : 03/02/2014
Mensagens : 240
Pontos : 395

http://az-br.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Sistema de reputação com likes

Mensagem por Ace 11.02.14 17:56

Olá,

Sim, mas eu preciso ver o código em si. Contudo, o senhor assinalou o tópico como resolvido. Ele pode ser arquivado?

Até mais.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos