+172Negativo
Becker
leean77
GlowHPS
yumimaro
Deywes
L.Coroa
Harleen
Franco
virus
WinaTickets
RonaldoWynnek
gatinoh
Expectrus
gurila666
viniciussvl
B.I.G.
Shadowz
Victor_VerTeXs
Kyon
Becker_xxx
« Gøld »
Shurek
pWesley
PlanetMonster
Danielmoraes105
ManuelSk
Houdini
Fire
djblah
arber
Astronaut
dalt0n
rafusqui
MrX4bl4ux22
FelipeSilva537
Luque_Taylor
Genki
Josh2
yaTTo
Mr_Kaizin
VikTorIn
motoko055
Foxy-xD
wilvp
Zeek
Eragon™
BlueTM
Sr Apollo
Kuraiyo
Dark-Avenger
darkluck
Deviruchi
S1L3NC3
Dex7er
Luis_xD
TroJaNu4U
Goldbach
EpochZ124
Desadikta
Knoxville
NakMuay
Loko-poko
TiagoEDGE
Lucas_Simoes
Lucas Carvalho
MzS
Akira
[K]oke
Alexandre51
Koda
Mihai.
Zoldyck
JJuane
NandoTDB10
Kyun
GXGamer
-Naruto
odzGFX
vitorsaling
GSCode
terabin
fernandocoj
Yyoo
paulim78
JamesTkz
Robert S. Winchester
Dartek
+Jonathan-
Micul`Wji
weverson2588
Je4n
anonim007
venancio
Gaming7
Stark'
-ExP[3R]TuL-
Noumi
SD_Bat18BPM
[GTa]._Sub-Zero
arthurjm
deaneo8
KbZinh0*
Ivanaruto
Soulviling
S4BR1N4
emy [;x]
Setup
Sonic_BR
SamuDS
Alin14
LeonardoSGamer
binho
paolofs
leowh11
xcjonathancx
D'Leandro™
-Jonathan¹²³
-Jonathan-
Nillow
Jutsu
Heimerding
MasKarA_Vilhenaa
Bruno_Michael
AdventureZ
DaniloFontes9
Mazeko
xMooPx
ddr3
Thiago Leite
DooGy00
Júnior Duarte
bi0s
Ground
APOCA180498
root@exploits:~#
4ever_evan
KamuH
Hipster
Tech-Downloads
Xoumi
delkawy
Astiks
Aleecs
ylarusso
The Boss
d3v4st
CainhooBR
Renanweb
fiddanza
Pedro95123
Famous!
Gustavo H.
Suk
gabriloko123456
Fry™
Gluke
PK
[Dark]Doki-.
Kirigaya
SecurityPixel
AngelWars
princejoseph
[S]end
Redline
Optimus
IsmaelS.
IonutzD
DeeW.
GyGu
David¹
Daemon
176 participantes
Daemon • Sex 18 Jul 2014 - 9:36
Reputação da mensagem: 100% (38 votos)
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.
Última edição por Daemon em Sex 6 Jul 2018 - 8:16, editado 9 vez(es)
Reputação da mensagem: 100% (38 votos)
Yyoo • Qui 15 Jan 2015 - 14:52
Obrigado por compartilhar!
fernandocoj • Qui 15 Jan 2015 - 18:12
Comentando para ver o conteudo ..
terabin • Dom 18 Jan 2015 - 5:53
Para ótimo, testarei para ver.
GSCode • Dom 18 Jan 2015 - 23:02
vitorsaling • Seg 19 Jan 2015 - 13:33
Achei muito legal verei ele
odzGFX • Dom 25 Jan 2015 - 14:47
Show de bola, parabéns pelo sistema daemon.
-Naruto • Dom 25 Jan 2015 - 17:28
Vlw, estarei utilizando em meus testes.
GXGamer • Seg 26 Jan 2015 - 17:40
Muito obrigado, comentando para testar
Kyun • Ter 27 Jan 2015 - 15:19
Muito bom
Parabéns pelo tutorial
NandoTDB10 • Ter 27 Jan 2015 - 18:33
JJuane • Ter 27 Jan 2015 - 22:51
Thanks a lot, i need this
Zoldyck • Qua 28 Jan 2015 - 23:30
Adoro esse tutorial, reputado!
Mihai. • Sex 30 Jan 2015 - 7:53
Parece que ficou legal :3
Koda • Qui 5 Fev 2015 - 22:11
Muito bom, vou usar em meu forum,
Alexandre51 • Sex 27 Fev 2015 - 9:48
Testando o codigo ....................
![[K]oke](https://i.imgur.com/07ALhxb.png)
[K]oke • Sex 13 Mar 2015 - 11:04
paolofs • Sex 13 Mar 2015 - 22:07
Koda escreveu:Muito bom, vou usar em meu forum,
Akira • Sáb 21 Mar 2015 - 22:39
Ótimo tutorial, porém, gostava mais do outro...
MzS • Qui 2 Abr 2015 - 9:50
Ótimo sistema, daemon e equipe bestskins inovando.
Lucas Carvalho • Ter 7 Abr 2015 - 2:18
Muito obrigado mesmo
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link], meu forum ficando luxo com os tutoriais
Lucas_Simoes • Qua 8 Abr 2015 - 4:06
Ótimo tutorial daemon sempre com novidades obrigado
TiagoEDGE • Qua 8 Abr 2015 - 18:58
Parece ser bom , vou usar no meu forum
Loko-poko • Seg 13 Abr 2015 - 15:42
muito bom mesmo!fazendo download.
NakMuay • Dom 19 Abr 2015 - 20:54
Agora sim, parece muito mais bonito! :3
Knoxville • Qua 22 Abr 2015 - 9:59
excelente tutorial obrigado pelo compartilhamento
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos
Sistema de votos estilo IPB Sex 18 Jul 2014 - 9:36
