Botão Curtir Personalizado

Detalhes da questão

Endereço do fórum: http://tudo2family.forumeiros.com/
Versão do fórum: PunBB

Descrição

Bom, teria como botar no meu fórum o Botão curtir nas mensagens personalizado.

Botão curtir que eu quero: https://imgur.com/a/ykPuP

Fórum onde eu vi: http://www.forum-webtools.com/

Até logo.

Bom dia!

Por favor autor, não use formatações em suas mensagens para não dificultar a leitura de sua dúvida.

Sobre sua questão, queira ler este tutorial: https://ajuda.forumeiros.com/t100407-

Atenciosamente,
Shek

Opá Shek.

Eu já segui esse tutorial porem não teria como deixar exatamente como está na imagem?

Olá, acho que podemos proceder com seu tópico.
Adicione esse Javascript com investimento nos tópicos:

Código:

function bestskins_ls(){var bestskins={singular:'Curtiu isso!',plural:'Curtiram isso!'};for(var x=$('.vote'),i=0,vote;(vote=x[i++]);){var count=0,qtd=0,barra=$('.vote-bar',vote)[0],botao=$('.vote-button',vote)[0];if(barra){var numbarra=barra.title.match(/\d+/g);qtd=Math.round(parseInt(numbarra[1])*parseInt(numbarra[0]))/100}botao=botao?'<span onclick="bestskinsVoto(\''+botao.firstChild.href+'\',this);" class="BS_like">Curtir</span>':'<span class="BS_like BS_done">Curtir</span>';var numrep='<span class="BS_count">'+qtd+' '+(qtd==1?bestskins.singular:bestskins.plural)+'</span>';var htmlFinal='<div class="BS_vote" style="margin:5px">'+botao+numrep+'</div>';$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(htmlFinal)}x.remove()};function bestskinsVoto(b,a){var d=a.innerHTML;a.innerHTML='Carregando...';a.onclick='#';$.get(b,function(){a.className+=' BS_done';a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};if(document.readyState==='complete'){bestskins_ls()}else{document.addEventListener('DOMContentLoaded',function(){bestskins_ls()})}

e adicione esse código na sua folha de estilo:

Código:

.BS_like {
    background: #009fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    text-transform: uppercase;
}
.BS_vote {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin-top: 100px;
    padding: 10px 5px;
}
.BS_count {
    border-radius: 3px;
    font-weight: 700;
    margin: 0 5px;
    padding: 6px 10px;
}
.BS_done {
    cursor: default;
    opacity: .5;
}


Perfeito pode fechar.