Pedido de botão de curtir

Bom gostaria de pedir o código deste botão de curtir https://i.imgur.com/ekxPnb3.png aonde eu vi http://bestskins.net/

alguém pode me ajudar nessa questão?

Saudações,
Creio seja este:
Cheque duas dúvidas:
https://ajuda.forumeiros.com/t99238-mover-o-botao-de-curtir-pra-baixo
https://ajuda.forumeiros.com/t78403-como-colocar-botao-de-curtir-a-mensagem
https://ajuda.forumeiros.com/t13951-faq-gestao-do-sistema-de-reputacao-botao-obrigado
https://ajuda.forumeiros.com/t93663-botao-curtir-nos-posts#637314
Até,

Não é isso não

Olá, bom dia!

Para que a função seja ativa em teu fórum, precisaremos que aceda a teu painel administrativo e assim ir até na função "Folha de Estilo CSS":
Painel de controle Visualização Cores "Aba" Folha CSS.

No final de seu CSS, cole o seguinte código:

Código:


/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/

Agora iremos criar um novo JavaScript:

Aceda em: Painel de controle Módulos HTML & JavaScript "Aba" Gestão dos códigos JavaScripts

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
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 os códigos JavaScript e jQuery.
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.

Código a ser utilizado:

Código:

/*
* Código: IPB Like System.
* Data de criação: 18/07/2014.
* Atualização: 18/11/2014.
* Autor: Daemon.
* Versão: 1.1.
* Inspirado: IPB.
* Acesse: http://bestskins.net.
* Editado por: http://nexplorer.forumeiros.com
* Não distribuir, ou remover os créditos do autor.
*/
function bestskins_ls() {
  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;
                }
             
                //Imagem de reputação
                var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
 
                botao = botao ? '<li><span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></li>';
                var numrep = '<li>' + (qtd == 0 ? '<span class="reput_vote zero">' + qtd + '</span>' : '<span class="reput_vote positive">' + qtd + '</span>') + '</li>';
                var htmlFinal =
                '<div class="rep_bar clearfix" id="rep_post">' +
                '      <ul class="bs_inline">' + botao + numrep  + '</ul>' +
                '</div>';
    $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( htmlFinal );
  }
  x.remove();
};
function bestskinsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
    a.parentNode.style.display = 'none';
    var verify = a.parentNode.nextSibling.firstChild.innerHTML;
    if(verify == 0) {
    a.parentNode.nextSibling.firstChild.classList.remove('zero'),
    a.parentNode.nextSibling.firstChild.classList.add('positive');
    }
    var c = a.parentNode.nextSibling.firstChild, 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();
      });
}

Espero que de certo, boa sorte!

Até mais!
Shaman.

Ficou 2 botão '-' https://i.imgur.com/ij3dHck.png

Olá amigo.

Um botão serve para clicar e reputar.
O outro apenas mostra as curtidas.

Até mais.

tem como deixar em só 1?

alguém pode me ajudar??

alguem...

Olá amigo.

Quando você diz deixar em só um botão, deseja ocultar um dos dois botões? Se sim qual?

Ou será que quer ver as curtidas e o botão para gostar em só um botão?

Atenciosamente

iChees escreveu:Olá amigo.

Quando você diz deixar em só um botão, deseja ocultar um dos dois botões? Se sim qual?

Ou será que quer ver as curtidas e o botão para gostar em só um botão?

Atenciosamente

Bom você deixou dois botões um com quantas curtidas e outro para curtir bom gostaria de deixar essa opção num botão era que me indente....