Pedido de botão de curtir

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

Resolvido Pedido de botão de curtir

Mensagem por Dex7er em 22/05/15, 08:06 pm

Bom gostaria de pedir o código deste botão de curtir http://i.imgur.com/ekxPnb3.png aonde eu vi http://bestskins.net/
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 24/05/15, 11:53 am

alguém pode me ajudar nessa questão?
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 24/05/15, 07:52 pm

Não é isso não
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Shaman em 25/05/15, 03:38 am

Olá, bom dia!

Para que a função seja ativa em teu fórum, precisaremos que aceda a teu painel administrativo e assim ir até na função "Folha de Estilo CSS":
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

No final de seu CSS, cole o seguinte código:
Código:

/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/

Agora iremos criar um novo JavaScript:

Aceda em: Painel de controle Seta Módulos Seta HTML & JavaScript Seta "Aba" Gestão dos códigos JavaScripts

Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos.
Seta Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.
Seta Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Código a ser utilizado:
Código:
/*
* Código: IPB Like System.
* Data de criação: 18/07/2014.
* Atualização: 18/11/2014.
* Autor: Daemon.
* Versão: 1.1.
* Inspirado: IPB.
* Acesse: http://bestskins.net.
* Editado por: http://nexplorer.forumeiros.com
* Não distribuir, ou remover os créditos do autor.
*/
function bestskins_ls() {
  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;
                }
             
                //Imagem de reputação
                var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
 
                botao = botao ? '<li><span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></li>';
                var numrep = '<li>' + (qtd == 0 ? '<span class="reput_vote zero">' + qtd + '</span>' : '<span class="reput_vote positive">' + qtd + '</span>') + '</li>';
                var htmlFinal =
                '<div class="rep_bar clearfix" id="rep_post">' +
                '      <ul class="bs_inline">' + botao + numrep  + '</ul>' +
                '</div>';
    $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( htmlFinal );
  }
  x.remove();
};
function bestskinsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
    a.parentNode.style.display = 'none';
    var verify = a.parentNode.nextSibling.firstChild.innerHTML;
    if(verify == 0) {
    a.parentNode.nextSibling.firstChild.classList.remove('zero'),
    a.parentNode.nextSibling.firstChild.classList.add('positive');
    }
    var c = a.parentNode.nextSibling.firstChild, 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();
      });
}

Espero que de certo, boa sorte!

Até mais!
Shaman.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 25/05/15, 04:00 pm

avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Rafael em 25/05/15, 04:09 pm

Olá amigo.

Um botão serve para clicar e reputar.
O outro apenas mostra as curtidas.

Até mais. Piscada
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 25/05/15, 04:17 pm

tem como deixar em só 1?
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 26/05/15, 07:04 pm

alguém pode me ajudar??
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 27/05/15, 11:24 pm

alguem...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Rafael em 29/05/15, 01:32 am

Olá amigo.

Quando você diz deixar em só um botão, deseja ocultar um dos dois botões? Se sim qual?

Ou será que quer ver as curtidas e o botão para gostar em só um botão?

Atenciosamente Feliz
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Dex7er em 29/05/15, 12:38 pm

iChees escreveu:Olá amigo.

Quando você diz deixar em só um botão, deseja ocultar um dos dois botões? Se sim qual?

Ou será que quer ver as curtidas e o botão para gostar em só um botão?

Atenciosamente Feliz

Bom você deixou dois botões um com quantas curtidas e outro para curtir bom gostaria de deixar essa opção num botão era que me indente....
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Pedido de botão de curtir

Mensagem por Shaman em 01/06/15, 08:28 am

Segundo o regulamento do setor de suporte, tópicos com mais de 3 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico:
Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 3 dias.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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