[AddOn] Like system Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[AddOn] Like system

+4
Fraise
HelixMendix
Mshas
Daemon
8 participantes

Ir para baixo

[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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

[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 desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

[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

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

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

Ir para o topo Ir para baixo

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Membro desde : 21/07/2014
Mensagens : 20
Pontos : 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 desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

[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
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 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 desde : 21/03/2016
Mensagens : 391
Pontos : 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 desde : 21/03/2016
Mensagens : 391
Pontos : 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
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos