[AddOn] Like system

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

  • 0

[AddOn] Like system Empty [AddOn] Like system

Mensagem por Daemon em 19.07.15 13:45


Like system
Substitua a barra de votos por um sistema de votos mais bonito.
Características e aplicação
Criador: @Daemon
Versão: 1.216022015
Versão: Todas as versões
Resultado da aplicação
[AddOn] Like system LQrLo6s
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.
Acesse o seguinte link para visualizar o código: https://pastebin.com/42VjAD0M

O código acima serve para a versão PunBB, para que o código funcione nas demais versões, localize esta parte:
Código:
$('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( htmlFinal );

Troque por:
Código:
$('.postbody', vote.parentNode.parentNode.parentNode).append( htmlFinal );

Depois iremos na folha de css, ainda no painel de controle, e aplicaremos o seguinte código:
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;}
Salve e veja o resultado.


Última edição por Daemon em 06.07.18 12:18, editado 2 vez(es)
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

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

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por Mshas em 19.07.15 13:51

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

Mshas
Usuário avançado

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

http://www.mservicos.forumeiros.com
  • 0

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por HelixMendix em 19.07.15 14:37

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

E portugueses
HelixMendix

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 837
Pontos Ativos : 1265

http://tugamovel.foruns.com.pt/

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por Fraise em 19.07.15 14:52

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7759

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por Je4n em 09.08.15 7:33

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: [AddOn] Like system Mcu9oCL 

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

Je4n
Nível 3

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

http://www.wasd.in

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por Kallahari em 04.09.15 16:31

Olá,

Belo código,

Até mais!
Kallahari

Kallahari
Usuário avançado

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

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

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por YouTube3 em 04.03.16 0:13

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

https://ajuda.forumeiros.com

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por soldado em 24.03.16 19:12

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

soldado
Usuário avançado

Masculino
Inscrito dia : 21/03/2016
Mensagens : 391
Pontos Ativos : 657

http://forummoneyonline.forumeiros.com/

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por soldado em 24.03.16 19:15

funcionou obrigado...
soldado

soldado
Usuário avançado

Masculino
Inscrito dia : 21/03/2016
Mensagens : 391
Pontos Ativos : 657

http://forummoneyonline.forumeiros.com/

[AddOn] Like system Empty Re: [AddOn] Like system

Mensagem por Daemon em 06.07.18 12:19

Atualizado para a versão: 1.216022015 Estilo cool
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

http://bestskins.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum