Non sei loggato | Registrati | Login

CSS Bar Graph Aggiungi

News / Codice

Benvenuto! Se sei un nuovo visitatore ti consiglio di iscriverti al mio Feed RSS in modo da essere sempre aggiornato riguardo l'uscita di nuovi articoli oppure sbirciare tra i tutorials ed i progetti.
Per avere un'idea del best-content presente in questo blog puoi leggere il post intitolato "Ed ora è il momento di rilanciare alcune iniziative! (1a parte e 2a parte)".
Buona navigazione e grazie per la visita!

Ieri per forza di cose ho dovuto creare delle barre in CSS, eccovi il codice:

Visualizza il codice CSS
  1. .barChart {
  2.         width:101px;
  3.         height:11px;
  4.         background-image:url(images/barChartBg.gif);
  5. }
  6.  
  7. .barChart div {
  8.         height:11px;
  9.         background-image:url(images/barChartBar.gif);
  10. }
  11.  
  12. .barChart div span {
  13.         display:none;
  14. }

Questo è l'xHTML:

Visualizza il codice HTML
  1. <div class="barChart">
  2.         <div style="width:45%">
  3.                 <span>45%</span>
  4.         </div>
  5. </div>

Il risultato è il seguente:
barGraph esempio
come potete immaginare, la personalizzazione di questo codice è molto elevata quindi buon lavoro!

Ho messo a disposizione un file .rar contenente il tutto.

Daniele Simonin 24 Gennaio 2007 alle 12:09 Trackback URI

Scrivi un commento

Tags di formattazione:








Leggi l'unico commento presente fin'ora

Tu non hai idea di quanto sia figa questa cosa... :P

Commento di Napolux 27 Gennaio 2007 alle 01:16

Feed

infoPillole (by Wikipedia)

Ultimi commenti

Calendario

Ottobre 2008
L M M G V S D
« Set    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Archivio

Categorie

News casuali

Ultimi tutorials

Progetti

Alcuni miei lettori

Have a break