[AddOn] Like system

+4
Fraise
HelixMendix
Mshas
Daemon
8 participantes

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

  • 0

[AddOn] Like system Empty [AddOn] Like system

Mensagem por Daemon 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 : 1132
Pontos ativos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

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

Mensagem por Mshas 19.07.15 13:51

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

Mshas
Membro avançado

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

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

  • 0

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

Mensagem por HelixMendix 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
Membro destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 837
Pontos ativos : 1260

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

Ir para o topo Ir para baixo

Principal contribuidor

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

Mensagem por Fraise 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 : 6306
Pontos ativos : 7773

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

Ir para o topo Ir para baixo

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

Mensagem por Je4n 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

Ir para o topo Ir para baixo

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

Mensagem por Kallahari 04.09.15 16:31

Olá,

Belo código,

Até mais!
Kallahari

Kallahari
Membro avançado

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

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

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

Mensagem por YouTube3 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

Ir para o topo Ir para baixo

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

Mensagem por soldado 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
Membro avançado

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

http://forummoneyonline.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por soldado 24.03.16 19:15

funcionou obrigado...
soldado

soldado
Membro avançado

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

http://forummoneyonline.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Daemon 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 : 1132
Pontos ativos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos