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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
224 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 220 Visitantes :: 2 Motores de busca

fiapinho, Neimasinho, ruystguerra, xBreninho_.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 18 Abr 2016 - 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: http://imgur.com/a/ykPuP

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

Até logo.


Última edição por YouTube3 em Dom 24 Abr 2016 - 10:00, editado 1 vez(es)

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em Qua 20 Abr 2016 - 0:54


YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em Sex 22 Abr 2016 - 0:29


YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por Shek Crowley em Sex 22 Abr 2016 - 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: http://ajuda.forumeiros.com/t100407-

Atenciosamente,
Shek King



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15585
Pontos Ativos : 23002

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 Sex 22 Abr 2016 - 17:44

Opá Shek.

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

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em Sex 22 Abr 2016 - 23:10


YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

Mensagem por YouTube3 em Sab 23 Abr 2016 - 23:30


YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Botão Curtir Personalizado

Mensagem por while em Dom 24 Abr 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2829
Pontos Ativos : 4246

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 Dom 24 Abr 2016 - 10:00

Perfeito pode fechar.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2066

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