Sistema de rank ( likes ) nas postagens

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://schultzgames.forumeiros.com/

Descrição do problema

Olá. segui este tutorial para fazer um sistema de likes que os membros podem dar nas postagens, seguindo este tutorial

https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes

más não apareceu NADA, não surgiu efeito nenhum.


A idéia é ter um botão ( Like ) do lado de cada post para que os membros possam dar likes nas melhores postagens. e que estes likes vão para algum rank, algo que mostre quem tem mais likes no fórum

Saudações autor!

Poderia me passar os códigos que configurou para que eu possa averiguar? Ficarei no aguardo!
É provável que você não tenha configurado correctamente ou o JS está entrando em conflito com outro, impedindo assim que o mesmo faça seu efeito.

Atenciosamente,
Hakuouki

isto foi na css

Código:

.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }

e isto foi para o Java

Código:

var like_version = 'phpBB3';
var DOM_IS_READY = false;
jQuery(function(){DOM_IS_READY=true;});
var vote_singular = 'Like';
var vote_plural = 'Likes';
jQuery.getScript('http://www.mateusv.xpg.com.br/like.txt');

investido em todas as paginas


a idéia é ter ali no canto DIREITO na metade da altura um botãozinho " like "

Então? nada???


Não tem como fazer um sistema simples, tipo um rank de quem mais ganhou likes em suas postagens, e clar, um botão de like nas postagens...? OBG

Olá!

Você quer isso?

Troque o js por este:

Código:

var like_version = 'Invision';
var DOM_IS_READY = false;
jQuery(function(){DOM_IS_READY=true;});
var vote_singular = 'Like';
var vote_plural = 'Likes';
jQuery.getScript('http://www.mateusv.xpg.com.br/like.txt');

Até mais,
Reset.

Nada ocorre. estou com o código ativado e aquele trecho na CSS, más não aparece nada

Olá!

Troque o js por este:

Código:

var bestskins_like={dom_ready:false,vote_singular:'Curtiu isso!',vote_plural:'Curtiram isso!',callback:function(vote,btn){$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(btn)}};$(function(){bestskins_like.dom_ready=true});$.getScript('http://www.bestskins.net/25415.js');

Troque o css por este:

Código:

/* CURTIR WASD/BS */
.BS_like {
-moz-border-radius: 2px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
-webkit-border-radius: 2px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
background: #2C638F url(http://i.imgur.com/4GcJmSj.png) no-repeat 7px 6px;
border-radius: 2px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;line-height: 22px;margin-right: 4px;padding: 0 7px 0 22px;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;font-weight: bold;
}
.BS_count {
-moz-border-radius: 2px;-webkit-border-radius: 2px;background: #EFF1F3;border-radius: 2px;padding: 4px 10px;
}
.BS_vote {
float:right;margin:0 5px;
}
. .BS_done {
display:none!important;
}
.BS_like.BS_done {
display:none!Important;
}

Até mais,
Reset.

Não entendo, nada acontece O.o

tem este tópico para dar uma olhada http://www.schultzgames.com/t76-tutorial-trocar-de-cameras-com-scroll-do-mouse

estou deixando os codigos ativados para se alguém quiser ver...


O JS está ativo em todas as paginas, e o CSS no inicio da folha como sempre... não entendo o que está errado

Olá!

Adicione um novo JavaScript com investimento nos tópicos, conteúdo:

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://i.imgur.com/PTraX1a.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();
          });
    }


Após feito isso, adicione isto aqui em seu CSS:

Código:

    #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 {vertical-align: middle;}
    #rep_post span img {cursor: pointer;}
    #rep_post .reput_vote {
    background-image: url('http://i.imgur.com/UGqTZqe.png');
    background-repeat: repeat-x;
    background-position: 0 1px;
    font-size: 10px;
    padding: 2px 10px !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    }
    .reput_vote.positive {background-color: #8db13e;}
    .reput_vote.zero {background-color: #6a6a6a;}

Passar bem!

wowww, SHOWWWW, funcionou perfeitamente

MUITOOO OBRIGADO ^^.

só um detalhe, se não for incomodar... Tem como mostrar os pontos de reputação nesta aba???

http://www.schultzgames.com/memberlist

em algum lugar ali...???

MarcosSchultz escreveu:wowww, SHOWWWW, funcionou perfeitamente

MUITOOO OBRIGADO ^^.

só um detalhe, se não for incomodar... Tem como mostrar os pontos de reputação nesta aba???

http://www.schultzgames.com/memberlist

em algum lugar ali...???

Olá,

apenas aceitamos uma dúvida por tópico, visto que está já está resolvida, peço que crie outra questão.

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

Tópico movido de "Questões sobre JavaScript & jQuery" para "Questões resolvidas sobre códigos JavaScript & jQuery"