[AddOn] Like system

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

  • 0

[AddOn] Like system

Mensagem por Daemon em 19/07/15, 09:45 am


Like system
Substitua a barra de votos por um sistema de votos mais bonito.
Características e aplicação
Criador: @Daemon
Versão: 1.3
Versão: Todas as versões
Resultado da aplicação
Local de instalação
A instalação é única, e pode ser feita apenas criando um novo javascript. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript >> Investimento >> Em todas as páginas.
Código:
/*
* Código: Like System
* Data de criação: 18/07/2014
* Atualização: 19/07/2015
* Autor: Daemon
* Versão: 1.3
* Veja mais em: http://ajuda.forumeiros.com
* Não distribuir, ou remover os créditos do autor
*/
function d_like_system() {
  $('head').append(
  '<style type="text/css">' +
  '.like_post {' +
  '  float: right;' +
  '  list-style: none;' +
  '  margin-right: 3px;' +
  '}' +
  '.like_post .qtd {' +
  '  background-color: #333;' +
  '  color: #fff;' +
  '  font-size: 13px;' +
  '  padding: 0 5px;' +
  '  border-radius: 3px;' +
  '  font-weight: 700;' +
  '  margin-left: 3px;' +
  '  -moz-border-radius: 3px;' +
  '  -webkit-border-radius: 3px;' +
  '}' +
  '.like_post .plus {' +
  '  color: green;' +
  '}' +
  '.like_post .minus {' +
  '  color: red;' +
  '}' +
  '.like_button img {' +
  '  margin-bottom: -3px;' +
  '}' +
  '.like_button {' +
  '  padding: 3px;' +
  '  -moz-border-radius: 3px;' +
  '  margin-right: 5px;' +
  '  cursor: pointer;' +
  '  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '  -webkit-border-radius: 3px;' +
  '  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '  background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;' +
  '  border: 1px solid #a6a6a6;' +
  '  border-bottom-color: #979797!important;' +
  '  border-radius: 3px;' +
  '  box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '}' +
  '.BS_disabled .like_button {' +
  '  cursor: default;' +
  '  opacity: 0.5;' +
  '}' +
  '</style>'
  );
  // Imagens de reputação
  var rep_UP = 'http://i.imgur.com/YCo2xVa.png',
      rep_DOWN = 'http://i.imgur.com/TzlArci.png';

  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var plus = 0,
                    minus = 0,
                    barra = $('.vote-bar', vote)[0],
                    botao = $('.vote-button', vote)[0];                     
                if (barra) {
                    var numbarra = barra.title.match(/\d+/g);
                    plus = Math.round(parseInt( numbarra[1] ) * parseInt( numbarra[0] )) / 100;
                    minus = Math.round(parseInt( numbarra[1] ) - plus);
                }

                botao = botao ? '<li><span onclick="lsVoto(\'' + botao.firstChild.href + '\',this);" class="like_button"><img src="' + rep_UP + '" alt="+"><span class="qtd">' + plus + '</span></span><span onclick="lsVoto(\'' + botao.nextSibling.nextSibling.firstChild.href + '\',this);" class="like_button"><img src="' + rep_DOWN + '" alt="-"><span class="qtd">' + minus + '</span></span></li>' : '<li class="BS_disabled"><span class="like_button"><img src="' + rep_UP + '" alt="+"><span class="qtd">' + plus + '</span></span><span class="like_button"><img src="' + rep_DOWN + '" alt="-"><span class="qtd">' + minus + '</span></span></li>';

                var htmlFinal = '<ul class="like_post">' + botao + '</ul>';

    $('.postbody', vote.parentNode.parentNode.parentNode.parentNode).after( htmlFinal );
  }
  x.remove();
};
function lsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
    var c = a.lastChild,
        b = parseInt(/\d+/.exec(c.innerHTML)[0])+1;
        c.innerHTML = c.innerHTML.replace(/\d+/,b);
        a.parentNode.className += ' BS_disabled';
    });
}
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
      d_like_system();
  }
}
avatar

Daemon
Membro do Fórum

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

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

Re: [AddOn] Like system

Mensagem por Mshas em 19/07/15, 09:51 am

Saudações,
Uau!
Muito bom pra todos milhões de fóruns brasileiros,
Cumprimentos,
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

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

Re: [AddOn] Like system

Mensagem por HelixMendix em 19/07/15, 10:37 am

@Mshas escreveu:Saudações,
Uau!
Muito bom pra todos milhões de fóruns brasileiros,
Cumprimentos,

E portugueses
avatar

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 836
Pontos Ativos : 1262

Ver perfil do usuário http://tugamovel.foruns.com.pt/

Re: [AddOn] Like system

Mensagem por Fraise em 19/07/15, 10:52 am

@HelixMendix escreveu:
@Mshas escreveu:Saudações,
Uau!
Muito bom pra todos milhões de fóruns brasileiros,
Cumprimentos,

E portugueses
Mito!


Ficou ótimo @Daemon, parabéns pelo seu trabalho!

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5037
Pontos Ativos : 6717

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Re: [AddOn] Like system

Mensagem por Je4n em 09/08/15, 03:33 am

Fiz algumas edições para se adequar ainda mais no meu fórum, troquei as opções de imagens por ícones da Font Awesome e alterei as cores das box que mostram os números de "Gostei" e "Não gostei". 
Enfim, ficou assim:  

Era o que eu procurava, muito obrigado por disponibilizar este código @Daemon !
avatar

Je4n
Nível 3

Masculino
Inscrito dia : 21/07/2014
Mensagens : 20
Pontos Ativos : 36

Ver perfil do usuário http://www.wasd.in

Re: [AddOn] Like system

Mensagem por Kallahari em 04/09/15, 12:31 pm

Olá,

Belo código,

Até mais!
avatar

Kallahari
Usuário avançado

Masculino
Inscrito dia : 31/01/2014
Mensagens : 413
Pontos Ativos : 639

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

Re: [AddOn] Like system

Mensagem por YouTube3 em 03/03/16, 09:13 pm

Olá! @Je4n poderia fazer essas edições para mim?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Re: [AddOn] Like system

Mensagem por soldado em 24/03/16, 04:12 pm

eu queria que o meu ficasse assim, coloquei o código mas não http://forumcompartilhar.forumeiros.com
avatar

soldado
Usuário avançado

Masculino
Inscrito dia : 21/03/2016
Mensagens : 376
Pontos Ativos : 625

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

Re: [AddOn] Like system

Mensagem por soldado em 24/03/16, 04:15 pm

funcionou obrigado...
avatar

soldado
Usuário avançado

Masculino
Inscrito dia : 21/03/2016
Mensagens : 376
Pontos Ativos : 625

Ver perfil do usuário http://forummoneyonline.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