Sistema de votos estilo IPB

Relembrando a primeira mensagem :

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.

Renanweb escreveu:testandooo

Que tipo de comentário é esse amigo? Próxima vez será alertado ou até banido do fórum.

legal vou testar.

Vou ver como fica ^^

Gostei, muito bom

Boa,Bom Tutorial

Onde Fica CSS No Painel de COntrole?

so nice code, keep doing codes

Opa achei mais um dos que tou procurando

Muito Obrigado!!!!!!!!

Obridago Daemon

Xoumi.

obrigado irei ver como funciona

Buenisimo ojal lo pueda usar gracias

Pelo tanto de comentário, me parece legal

VER SE FUNFA,SE FUNFAR SERAS REPUTADO

estou comentando para ver o codigo!

Gostei, mudou pouca coisa do antigo mas ficou legal...

Comentando para ver conteúdo...

top heim Daemon, parabens

thank you for the code man

Comentando para ver  2 kkk

Gracias!!!!!!!!!!!!!!!!

Vou colocar em meu fórum.

O melhor de todos pra mim!

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