Botão Curtir Personalizado

3 participantes

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

Tópico resolvido Botão Curtir Personalizado

Mensagem por YouTube3 18.04.16 0:05

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.


Última edição por YouTube3 em 24.04.16 10:00, editado 1 vez(es)
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 20.04.16 0:54

YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 22.04.16 0:29

YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por Shek 22.04.16 16:18

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 King
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: Botão Curtir Personalizado

Mensagem por YouTube3 22.04.16 17:44

Opá Shek.

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

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 22.04.16 23:10

YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 23.04.16 23:30

YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por while 24.04.16 4:44

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;
}
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 24.04.16 10:00

Perfeito pode fechar.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

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