Progressbar Black Glow BBCode

BBCode database
BBCode che hanno bisogno di niente altro che un installazione per ACP
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Progressbar Black Glow BBCode

Messaggio da Galandas » 9 dic 2012, 12:03

Progressbar Black Glow BBCode

Autore: Daniel_Knecht
Descrizione: Questo BBCode inserisce un progresso in una bellissima barra, con testo a piacere in stile Fluorescente Nero, funziona nei recenti e aggiornati browser con i CSS3

BBCode:

Codice: Seleziona tutto

[progress={NUMBER},{INTTEXT1},{INTTEXT2}]{TEXT}[/progress]
HTML:

Codice: Seleziona tutto

<div style="background:url(images/progress_back.png) repeat-x; border:1px solid black; width:50%; height:18px; box-shadow: -1px -1px 1px #{INTTEXT1}, 1px -1px 1px #{INTTEXT1}, -1px 1px 1px #{INTTEXT1}, 1px 1px 1px #{INTTEXT1}; margin-left:2px;"><div style="background-color:#{INTTEXT1}; width:{NUMBER}%; height:9px;"></div><div style="background-color:#{INTTEXT1}; width:{NUMBER}%; height:9px; opacity:0.8;"></div></div><div style="color:#{INTTEXT2};"><div style="position:relative; margin-top:-19px; width:50%; text-align:center; text-shadow: 0 0 0.4em #000">{TEXT}&nbsp;<b>{NUMBER}%</b></div></div>
Aiuto in linea:

Codice: Seleziona tutto

Progressbar: [progress=percentuale,colore barra,colore testo]testo (opzionale)[/progress]
Esempio:

Codice: Seleziona tutto

[progress=70,FEC60E,00B262]phpbb3world.com[/progress]
Demo:clicca qui
Menu Forum ha scritto:

Rispondi

Torna a “BBCode”

Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti