+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)
Desadikta • Ter 28 Abr 2015 - 1:18
thanks man, obrigado
EpochZ124 • Qua 29 Abr 2015 - 19:54
show, muito bom.
Parabens.
Goldbach • Qua 29 Abr 2015 - 19:58
Obrigado por compartilhar.
TroJaNu4U • Sex 22 maio 2015 - 12:59
Parece que ficou legal :3
Luis_xD • Dom 24 maio 2015 - 20:52
muito legal curti pra caramba
Dex7er • Seg 25 maio 2015 - 15:49
Muito bom o sistema parabéns
S1L3NC3 • Ter 26 maio 2015 - 23:23
foda mano parabéns pro ce
Deviruchi • Dom 31 maio 2015 - 20:27
Obrigada pelo código! Me ajudou muito!
darkluck • Qua 3 Jun 2015 - 19:35
vALEU vou usar, thanks >d
Dark-Avenger • Sáb 13 Jun 2015 - 8:17
Obrigado muito bom tutorial.
Kuraiyo • Sáb 27 Jun 2015 - 15:02
Muito obrigado estava atrás a muito tempo!
Sr Apollo • Sáb 4 Jul 2015 - 2:50
BlueTM • Sáb 4 Jul 2015 - 3:01
Testarei, Adiantando meu obrigado!
Eragon™ • Qua 22 Jul 2015 - 1:18
Comentando para ver u.u
Daemon te amo <3
Zeek • Ter 28 Jul 2015 - 0:21
wilvp • Qui 20 Ago 2015 - 21:34
comentando para ver o código
Foxy-xD • Seg 24 Ago 2015 - 14:39
Parece que ficou legal :3
motoko055 • Dom 13 Set 2015 - 16:33
VikTorIn • Ter 15 Set 2015 - 14:03
aParabéns Daemon, sempre arrebentando
Mr_Kaizin • Dom 20 Set 2015 - 20:36
otimo codigo era oq eu tava pressisando !
yaTTo • Seg 5 Out 2015 - 23:03
muito bom, thanks for sharing
Josh2 • Seg 2 Nov 2015 - 21:53
É muito bom. Já dá um banho no sistema de reputação padrão do forumeiros.
Genki • Ter 3 Nov 2015 - 0:37
Obrigado por partilhar
Luque_Taylor • Seg 30 Nov 2015 - 12:06
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
FelipeSilva537 • Qui 10 Dez 2015 - 18:55
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos