Sistema de votos estilo IPB

Página 4 de 8 •   1, 2, 3, 4, 5, 6, 7, 8  

Daemon  • Sex 18 Jul 2014 - 9:36

Sistema de votos estilo IPB Sex 18 Jul 2014 - 9:36

Reputação da mensagem: 100% (38 votos)

Relembrando a primeira mensagem :

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Nome do Arquivo: Sistema de votos estilo IPB
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Aqui iremos ensiná-los como aplicar um sistema de votos semelhante ao sistema da plataforma IPB.

Primeiro iremos até o painel de controle na gestão de códigos javascript, criando um novo javascript com investimento nos tópicos:
Código:


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.


Se tiver alguma dúvida em relação a este tutorial, crie um tópico de mesmo nome.

Última edição por Daemon em Sex 6 Jul 2018 - 8:16, editado 9 vez(es)

Reputação da mensagem: 100% (38 votos)

AngelWars  • Ter 25 Nov 2014 - 12:17

Ivanaruto  • Seg 1 Dez 2014 - 10:52

KbZinh0*  • Dom 7 Dez 2014 - 21:05

deaneo8  • Qui 11 Dez 2014 - 8:53

arthurjm  • Seg 15 Dez 2014 - 18:19

[GTa]._Sub-Zero  • Ter 16 Dez 2014 - 14:20

SD_Bat18BPM  • Qua 17 Dez 2014 - 19:54

Noumi  • Qui 18 Dez 2014 - 18:30

Re: Sistema de votos estilo IPB Qui 18 Dez 2014 - 18:30

olha era oque eu queria

-ExP[3R]TuL-  • Sex 19 Dez 2014 - 7:39

Stark'  • Dom 21 Dez 2014 - 20:10

Gaming7  • Seg 22 Dez 2014 - 7:25

venancio  • Ter 23 Dez 2014 - 17:42

anonim007  • Sáb 27 Dez 2014 - 14:19

Je4n  • Dom 28 Dez 2014 - 14:03

Re: Sistema de votos estilo IPB Dom 28 Dez 2014 - 14:03

Estarei analisando se coloco ou não. de qualquer forma, ótimo desenvolvimento.

weverson2588  • Dom 28 Dez 2014 - 16:03

Convidado  • Dom 28 Dez 2014 - 17:24

Convidado  • Dom 28 Dez 2014 - 20:06

Re: Sistema de votos estilo IPB Dom 28 Dez 2014 - 20:06

Boa... Vamos a ver como fica.

Micul`Wji  • Ter 30 Dez 2014 - 9:20

+Jonathan-  • Sex 2 Jan 2015 - 14:13

Dartek  • Dom 4 Jan 2015 - 11:17

Re: Sistema de votos estilo IPB Dom 4 Jan 2015 - 11:17

Comentando para buscar código! 

Robert S. Winchester  • Dom 4 Jan 2015 - 16:03

JamesTkz  • Seg 5 Jan 2015 - 16:23

Re: Sistema de votos estilo IPB Seg 5 Jan 2015 - 16:23

Já vou adicionar no meu fórum

Convidado  • Qua 7 Jan 2015 - 10:00

Convidado  • Qua 7 Jan 2015 - 20:50

paulim78  • Qua 7 Jan 2015 - 21:31

Conteúdo patrocinado  • 

Página 4 de 8 •   1, 2, 3, 4, 5, 6, 7, 8