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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
295 usuários online :: 5 usuários cadastrados, 1 Invisível e 289 Visitantes :: 1 Motor de busca

APOllO, Connor R., Kyo Panda, Neimasinho, tabarra

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Sistema de rank ( likes ) nas postagens

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

Resolvido Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Seg 17 Nov 2014 - 0:12

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

http://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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Gaaratsu em Seg 17 Nov 2014 - 0:16

Saudações autor!

Poderia me passar os códigos que configurou para que eu possa averiguar? Ficarei no aguardo! OK
É 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. Triste

Atenciosamente,
Hakuouki Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9329

http://narutongo.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Seg 17 Nov 2014 - 0:20

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 "


MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Ter 18 Nov 2014 - 18:50

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Reset em Ter 18 Nov 2014 - 20:39

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. Tive uma idéia!

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2317

http://ajuda.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Qua 19 Nov 2014 - 1:26

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Reset em Qua 19 Nov 2014 - 2:51

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. Tive uma idéia!

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2317

http://ajuda.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Qua 19 Nov 2014 - 3:54

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por [F]lames em Qua 19 Nov 2014 - 12:10

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!

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 2815

http://www.bestskins.net/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em Qua 19 Nov 2014 - 13:31

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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1535

http://schultzgames.forumeiros.com/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Daemon em Qua 19 Nov 2014 - 23:50

@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"

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1073
Pontos Ativos : 3466

http://bestskins.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