Animated Progress Bar BBCode

Mod BBCode Database
BBCode che hanno bisogno di editing di file o extra file
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 814
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Umore:
Contatta:

Animated Progress Bar BBCode

Messaggio da Galandas » 19 ott 2016, 11:34

Titolo: Animated Progress Bar BBCode
Autore: Stoker
Descrizione: Questo BBCode ci permette di inserire un animazione nel progresso.



BBCode:

Codice: Seleziona tutto

[anipro]{NUMBER1},{NUMBER2}[/anipro]
HTML:

Codice: Seleziona tutto

<p class="progressBar">
<span><em style="left:{NUMBER1}px">{NUMBER2}%</em></span>
</p><p style="margin-top:-3.05em; padding-left:6em; position:relative; color:gold; font-weight:bold;">{NUMBER2}%</p>
Aiuto in linea:

Codice: Seleziona tutto

Anipro: [anipro]% progress of 200,% progress[/anipro]
Esempio:

Codice: Seleziona tutto

[anipro]160,75[/anipro]
Apri styles/prosilver/theme/colours.css
Aggiungi in fondo:

Codice: Seleziona tutto

.progressBar{
	width:216px;
	height:41px;
	background:url("{T_THEME_PATH}/images/bg_bar.gif") no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url("{T_THEME_PATH}/images/bar.gif") no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url("{T_THEME_PATH}/images/bg_cover.gif") repeat-x 0 0;
	top:0;
}
Aggiorna temi e set immagini da ACP
anipro.zip
Carica le immagini in root/styles/prosilver/theme/images
(6.47 KiB) Scaricato 444 volte
Freccia_Destra Demo: clicca qui


Credits: http://cssglobe.com


Ultimo bump di Galandas effettuato il 19 ott 2016, 11:34.
Menu Forum ha scritto:

Rispondi

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti