+172 Negativo
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)
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (38 votos)
AdventureZ • Dom 28 Set 2014 - 14:20
Parabens Pelo tutorial daemon sempre com novidades obrigado !
AdventureZ
Novo Membro
Membro desde : 28/09/2014
Mensagens : 13
Reputação : 0
Bruno_Michael • Ter 30 Set 2014 - 12:15
Otimo achei interessante e melhor
Bruno_Michael
Membro
Membro desde : 18/03/2014
Mensagens : 134
Reputação : 20
MasKarA_Vilhenaa • Qui 2 Out 2014 - 0:40
*Comentário excluido
Última edição por Daemon em Dom 5 Out 2014 - 14:36, editado 2 vez(es) (Motivo da edição : Sem flood!!!)
MasKarA_Vilhenaa
Novo Membro
Membro desde : 20/09/2014
Mensagens : 8
Reputação : 0
Heimerding • Dom 5 Out 2014 - 14:23
Heimerding
Novo Membro
Membro desde : 05/10/2014
Mensagens : 9
Reputação : 0
Daemon • Seg 6 Out 2014 - 14:19
[infos="Código atualizado"]Peço aos utilizadores do código deste tutorial, que troquem o código JavaScript e CSS, pois os mesmos tiveram algumas pequenas alterações, assim, corrigindo um problema do código anterior.[/infos]
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Jutsu • Qua 15 Out 2014 - 14:29
Parece bom, bora testar xD
Jutsu
Novo Membro
Membro desde : 15/10/2014
Mensagens : 16
Reputação : 0
Nillow • Sex 24 Out 2014 - 12:31
Parece ser bom. Vou conferir.
Nillow
Membro
Membro desde : 16/04/2013
Mensagens : 38
Reputação : 1
-Jonathan- • Sáb 25 Out 2014 - 20:46
Topppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
-Jonathan-
Membro
Membro desde : 23/03/2013
Mensagens : 97
Reputação : 54
-Jonathan¹²³ • Dom 26 Out 2014 - 14:11
Sistema simples mais util vlw
-Jonathan¹²³
Novo Membro
Membro desde : 26/10/2014
Mensagens : 11
Reputação : 0
D'Leandro™ • Qua 29 Out 2014 - 22:15
Vou querer este código, parece muito bom!
D'Leandro™
Membro Experiente
Membro desde : 05/02/2013
Mensagens : 500
Reputação : 100
500 mensagens
Por ter publicado 500 mensagens no best Skins!
xcjonathancx • Sex 31 Out 2014 - 3:03
Obrigado! eu estava atras de um sistema parecido como o desse! não acho um de agradecer funcional.
xcjonathancx
Membro
Membro desde : 29/10/2014
Mensagens : 95
Reputação : 4
leowh11 • Sex 31 Out 2014 - 13:26
Excelente tutorial, obrigado e parabéns
leowh11
Novo Membro
Membro desde : 20/04/2014
Mensagens : 5
Reputação : 0
paolofs • Dom 2 Nov 2014 - 17:11
IonutzD escreveu: gracias . . .
paolofs
Membro
Membro desde : 02/11/2014
Mensagens : 47
Reputação : 0
paolofs • Dom 2 Nov 2014 - 18:30
Não funciono aqui no fórum
paolofs
Membro
Membro desde : 02/11/2014
Mensagens : 47
Reputação : 0
binho • Dom 2 Nov 2014 - 18:40
ótimo código Obrigado por compartilhar conosco '-'
binho
Membro
Membro desde : 17/03/2013
Mensagens : 155
Reputação : 20
LeonardoSGamer • Dom 2 Nov 2014 - 18:59
Ótimo tutorial daemon !! Parabens
LeonardoSGamer
Novo Membro
Membro desde : 02/11/2014
Mensagens : 11
Reputação : 0
Alin14 • Qui 6 Nov 2014 - 13:38
Thanks
Gracias.......
Alin14
Novo Membro
Membro desde : 06/11/2014
Mensagens : 20
Reputação : 0
SamuDS • Qui 6 Nov 2014 - 16:47
eu estava a procura deste sistemas
SamuDS
Membro
Membro desde : 03/11/2014
Mensagens : 49
Reputação : 2
DooGy00 • Qui 6 Nov 2014 - 21:30
DooGy00
Membro
Membro desde : 11/10/2013
Mensagens : 52
Reputação : 0
Sonic_BR • Sex 7 Nov 2014 - 16:54
Valeu Daemon, finalmente uns botões daora pro meu fórum :3
Sonic_BR
Membro
Membro desde : 14/09/2014
Mensagens : 61
Reputação : 10
Setup • Sáb 8 Nov 2014 - 18:27
Setup
Novo Membro
Membro desde : 06/11/2014
Mensagens : 15
Reputação : 0
emy [;x] • Sáb 15 Nov 2014 - 18:19
emy [;x]
Novo Membro
Membro desde : 31/10/2014
Mensagens : 17
Reputação : 0
Daemon • Ter 18 Nov 2014 - 22:54
[infos="Info:"]O código foi totalmente reformulado. Aos utilizadores do antigo código deste tutorial, leia-o novamente e utilizem este novo código.[/infos] Até mais!
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
S4BR1N4 • Qua 19 Nov 2014 - 20:13
vamos ver. Obrigada Daemon.
S4BR1N4
Membro
Membro desde : 23/10/2013
Mensagens : 112
Reputação : 8
Soulviling • Sáb 22 Nov 2014 - 15:22
Muito bom, parabéns!
Soulviling
Membro
Membro desde : 13/09/2013
Mensagens : 34
Reputação : 4
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos