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
» Botão Thanks na área errada
Hoje à(s) 19:23 por EsromG5

» Rádio no rodapé
Hoje à(s) 18:38 por Jefferson105

» Conteúdo dos perfis não aparecem
Hoje à(s) 18:04 por Lemon~

» [Logo] Pássaros
Hoje à(s) 18:01 por EDU2010

» Mudar pre-visualização do formulário
Hoje à(s) 16:54 por YouTube3

» Criar tags BBcode
Hoje à(s) 16:40 por sandra51

» Ativação do formulário de postagem
Hoje à(s) 16:20 por Shek Crowley

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
118 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 115 Visitantes :: 1 Motor de busca

EsromG5, Jefferson105, YuriGama

[ 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 : 1455

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 : 5535
Pontos Ativos : 9241

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 : 1455

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 : 1455

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 : 2232

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 : 1455

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 : 2232

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 : 1455

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 : 865
Pontos Ativos : 2733

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 : 1455

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 : 1052
Pontos Ativos : 3338

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