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
» Menu de navegação
Hoje à(s) 11:29 por Kyo Panda

» Botões BBCODE em Hover
Hoje à(s) 11:25 por iScroll

» Formulário de postagens não redireciona
Hoje à(s) 11:24 por Kyo Panda

» Botão resolvido
Hoje à(s) 11:23 por Kyo Panda

» Últimos assuntos personalizado
Hoje à(s) 11:18 por Kyo Panda

» Mensagem Privada ao Marcar Usuário
Hoje à(s) 11:12 por iScroll

» Visualização do tópicos
Hoje à(s) 11:10 por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
244 usuários online :: 2 usuários cadastrados, 1 Invisível e 241 Visitantes :: 2 Motores de busca

Biel_Staff, Kyo Panda

[ 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)
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

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

avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

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

avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

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


avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15841
Pontos Ativos : 23348

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?
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

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

avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

http://Ajuda.Forumeiros.com

Resolvido Re: Botão Curtir Personalizado

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

avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

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


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3071
Pontos Ativos : 4760

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.
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 954
Pontos Ativos : 2171

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