Sistema de reputação com likes

[img][/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

Boa noite!

Você pode usar este tutorial:


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.

Para 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

1º - 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.

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() });

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() });

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() });

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() });

2º - Aplicando o código JS:
Aceda a:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
       

Título Pode usar qualquer título que desejar, como por exemplo "Curtidas".

                               

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.

                               

Código JavaScript Campo destinado para receber o código JavaScript acima, de acordo com a sua versão.

                               

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".

3º - 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;
}

4º - 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

       


5º - Resultado:

Não funcionou...

Olá,

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

Até mais.

não funcionou

Olá,

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

Até mais.

Phpbb3 e o código css

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.