Como colocar um um sistema de pontos com curtidas de um certo post?

3 participantes

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

Tópico resolvido Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Rayner 04.05.15 3:06

Olá pessoas, estou aqui mais uma vez com outra dúvida. Eu queria saber se tem como colocar um sistema de pontos com curtidas de um post, exemplo: Qualquer post do fórum inteiro ( tópicos e respostas ) teria um botão no canto superior direito chamado "ponto" e ao lado o número de vezes que ele foi clicado, assim dando ao membro criador do post, os pontos de acordo com o número de vezes que o botão foi clicado. Tem como? Eu uso o PHPBB3


Última edição por Rayner em 04.05.15 23:12, editado 1 vez(es)
Rayner

Rayner
****

Membro desde : 24/03/2015
Mensagens : 201
Pontos : 281

http://espacorpgmaker.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Shaman 04.05.15 3:16

Olá.

Substituindo o sistema de reputação certo? irei passar um código feito pela BestSkins editado por meu fórum.

Aceda: Painel de controle Seta Visualização Seta Cores Seta Folha de estilo 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************/

- Código JavaScript a ser utilizado:
Aceda: Painel de controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript Seta Criar um novo JavaScript

Como colocar um um sistema de pontos com curtidas de um certo post? 110111Seta Título Nesta opção, será o título a sua escolha.
Como colocar um um sistema de pontos com curtidas de um certo post? 110210Seta Investimento Nesta opção, iremos marcar: Nos tópicos.
Como colocar um um sistema de pontos com curtidas de um certo post? 110310Seta Código JavaScript Nesta opção, iremos usar o código JavaScript abaixo.
 Código JavaScript:

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.
* 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();
       });
}


Tópico movido de 'Outras questões' para 'Questões sobre JavaScript & jQuery'
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Resposta

Mensagem por Rayner 04.05.15 3:54

Shaman escreveu:Olá.

Substituindo o sistema de reputação certo? irei passar um código feito pela BestSkins editado por meu fórum.

Aceda: Painel de controle Seta Visualização Seta Cores Seta Folha de estilo 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************/

- Código JavaScript a ser utilizado:
Aceda: Painel de controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript Seta Criar um novo JavaScript

Como colocar um um sistema de pontos com curtidas de um certo post? 110111Seta Título Nesta opção, será o título a sua escolha.
Como colocar um um sistema de pontos com curtidas de um certo post? 110210Seta Investimento Nesta opção, iremos marcar: Nos tópicos.
Como colocar um um sistema de pontos com curtidas de um certo post? 110310Seta Código JavaScript Nesta opção, iremos usar o código JavaScript abaixo.
 Código JavaScript:

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.
* 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();
       });
}


Tópico movido de 'Outras questões' para 'Questões sobre JavaScript & jQuery'

Não funcionou Chorando ou muito tr
Rayner

Rayner
****

Membro desde : 24/03/2015
Mensagens : 201
Pontos : 281

http://espacorpgmaker.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Shaman 04.05.15 4:31

Ativou o sistema de reputação de seu fórum?

https://ajuda.forumeiros.com/t13951-
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Rayner 04.05.15 17:08

Já está ativado, é pra ficar aparecendo o botão "Agradecer" mesmo? Com isso eu posso clicar e dar pontos ao dono do post?
Rayner

Rayner
****

Membro desde : 24/03/2015
Mensagens : 201
Pontos : 281

http://espacorpgmaker.umforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Sennior 04.05.15 17:10

Saudações,

Sim amigo.
Mas leia também este tópico:
Seta https://ajuda.forumeiros.com/t13951-

Até mais.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Rayner 04.05.15 20:53

Eu fiz tudo o que o tutorial mandou mas ta a mesma coisa '-' Os sinais de (+) e (-) não aparecem também.
Rayner

Rayner
****

Membro desde : 24/03/2015
Mensagens : 201
Pontos : 281

http://espacorpgmaker.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Shaman 04.05.15 22:41

Troque o JS por este:

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.
* 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>';
    $('.postbody', vote.parentNode.parentNode.parentNode).append( 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();
      });
}

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Rayner 04.05.15 23:11

Aeeeehhhh, agora funcionou! Se tivesse como descurtir também seria melhor ainda Obrigado!
Rayner

Rayner
****

Membro desde : 24/03/2015
Mensagens : 201
Pontos : 281

http://espacorpgmaker.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um um sistema de pontos com curtidas de um certo post?

Mensagem por Shaman 05.05.15 0:14

Olá amigo, 1 dúvida por tópico ok? Até mais!


Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos