Ir para conteúdo

Tutorial de ProgressBar! Você vai gostar.


Mwistro

Posts Recomendados

ProgressBar Tutorial!

 

 

Bom galera, se vocês olham a change log do fórum diariamente já devem estar sabendo que hoje 12:56 foi adicionado o BBCode ProgressBar!

 

jkWqTFn.png

 

Wtf Uranium?! oque é isso?

 

Progress bar é isso aqui:

nugAfrR.png

 

KARALHOOOOW URANIUM FIQUEI MOLHADINHO(A) GOZEI HORRORES! COMO FAZ ISSO?

 

Muito fácil! (Fácil até de mais).

 

Para fazer isso você vai precisar usar um código tipo o de spoiler! só que vai ficar assim

 

Só que se você fizer isso vai ficar assim:

w5c47hD.png

Fica essa cor feia e não da pra ver o número direito ;-; então você pode aicionar uma cor!

 

Beleza uranium ;-; mas como coloco a @%$#~&I da cor?!

 

Muito fácil! (Fácil até de mais). ²

 

Você vai ter que fazer isso:

ryKIriy.png

[progress=azul]84%

Fica essa cor feia e não da pra ver o número direito ;-; então você pode aicionar uma cor!

 

Beleza uranium ;-; mas como coloco a @%$#~&I da cor?!

 

Muito fácil! (Fácil até de mais). ²

 

Você vai ter que fazer isso:

ryKIriy.png

[progress=azul]84%; height:21px; margin:1px; border:1px solid rgba(0, 0, 0, .2); background: ]70[/progress; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .2)), color-stop(.75, rgba(0, 0, 0, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( -45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( -45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent ); background-image: -ms-linear-gradient( -45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( -45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent ); -webkit-background-size: 23px 23px; -moz-background-size: 23px 23px; background-size: 23px 23px; border-radius: 4px;">

Fica essa cor feia e não da pra ver o número direito ;-; então você pode aicionar uma cor!

 

Beleza uranium ;-; mas como coloco a @%$#~&I da cor?!

 

Muito fácil! (Fácil até de mais). ²

 

Você vai ter que fazer isso:

ryKIriy.png

[progress=azul]84%

 

@%$#~&I uranium não fode ;-; não ta aparecendo a cor!!

 

Porque você tem que colocar o nome da cor em inglês! ai sim vai ficar assim:

 

84%
84%

 

 

 

Bom, o tutorial foi esse! espero que tenham gostado o/

 

Se quiser deixar um like ai, eu agradeço :3 mas se não quiserem, tudo bem ^^

 

 

 

 

 

 

Link para o comentário
Compartilhar em outros sites

java

100%
100%

c#

1%
1%

html

50%
50%

 

'-'

 

100 o krl '-'

Editado por stalker112
Link para o comentário
Compartilhar em outros sites

Teste

 

Boniteza 

83%
83%
Editado por Frogguer
Link para o comentário
Compartilhar em outros sites

Guest #angradosreis1000grau

dsiudhasiudhsaiufnsaiufnjdnf

O cara manja mais de Sk do que eu, vou ter que mandar te matarem -qqqqqqqqq

Minha opiniao ne manow ;-;  Tem poucas coisas q n sei , acho q isso da 6% talvez

 

E voce expert em java ae , eu 0.5%

Editado por #angradosreis1000grau
Link para o comentário
Compartilhar em outros sites

Participe da Conversa

Você pode postar agora e se cadastrar mais tarde. Se você tiver uma conta, a class='ipsType_brandedLink' href='https://gamersboard.com.br/login/' data-ipsDialog data-ipsDialog-size='medium' data-ipsDialog-title='Sign In Now'>acesse agora para postar com sua conta.
Observação: sua postagem exigirá aprovação do moderador antes de ficar visível.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

Processando...
×
×
  • Criar Novo...