Non sei loggato | Register | Login

CSS Bar Graph Aggiungi

News / Codice

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 January 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 January 2007 alle 01:16

Feed

infoPillole (by Wikipedia)

Ultimi commenti

  • byman: Ho trovato molto utile questa raccolta di...
  • Flavio: bella questa!
  • Beta: Thank you.Beautiful CSS form“
  • Daniele Simonin: Per guadagnare molti usano questa...
  • Luca: Per guadagnare bisogna lavorare, io ho raccolto un...

Calendario

September 2010
M T W T F S S
« Aug    
 12345
6789101112
13141516171819
20212223242526
27282930  

Archivio

Categorie

News casuali

Ultimi tutorials

Progetti

Alcuni miei lettori