Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek
 
Sennior
 
YouTube3
 

Quem está conectado
259 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 256 Visitantes :: 2 Motores de busca

iPrompt, Kyo Panda, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Botão Curtir Personalizado

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

Resolvido Botão Curtir Personalizado

Mensagem por YouTube3 em 17/04/16, 08:05 pm

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: http://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, 06:00 am, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 19/04/16, 08:54 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 21/04/16, 08:29 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por Shek em 22/04/16, 12:18 pm

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: http://ajuda.forumeiros.com/t100407-

Atenciosamente,
Shek King


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16313
Pontos Ativos : 20814

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 22/04/16, 01:44 pm

Opá Shek.

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 22/04/16, 07:10 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 23/04/16, 07:30 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Botão Curtir Personalizado

Mensagem por while em 24/04/16, 12:44 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4494

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

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em 24/04/16, 06:00 am

Perfeito pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1052
Pontos Ativos : 1499

http://Ajuda.Forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum