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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
APOllO
 

Quem está conectado
239 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 234 Visitantes :: 2 Motores de busca

cdul1f6sd, DustyRhodes, Fou-Lu, mpelmmc, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 16/11/14, 10:12 pm

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Gaaratsu em 16/11/14, 10:16 pm

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em 16/11/14, 10:20 pm

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 "

avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em 18/11/14, 04:50 pm

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Reset em 18/11/14, 06:39 pm

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

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em 18/11/14, 11:26 pm

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Reset em 19/11/14, 12:51 am

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

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em 19/11/14, 01:54 am

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por [F]lames em 19/11/14, 10:10 am

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

[F]lames
Usuário destaque

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

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por MarcosSchultz em 19/11/14, 11:31 am

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...???
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Sistema de rank ( likes ) nas postagens

Mensagem por Daemon em 19/11/14, 09:50 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1687

Ver perfil do usuário 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