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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
82 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 80 Visitantes :: 2 Motores de busca

Lincoln, sandra51

[ 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 : 861
Pontos Ativos : 1925

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 : 861
Pontos Ativos : 1925

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 : 861
Pontos Ativos : 1925

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


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

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 : 861
Pontos Ativos : 1925

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 : 861
Pontos Ativos : 1925

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 : 861
Pontos Ativos : 1925

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 : 2817
Pontos Ativos : 4143

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 : 861
Pontos Ativos : 1925

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5