Come rendere trasparenti i box centrali

Per ottenere i box trasparenti, dobbiamo attribuire a background-color di tutti i box il valore : transparent.

L'esempio seguente mostra la tecnica da usare per i box centrali.

Aprite il file style.css con un editor di testo e cercate e modificate come sotto le seguenti linee:

.titre { /* block central boxes titolo del box centrale */
 font: bold 16px arial, helvetica, sans-serif;
 color: #1C086C;
 background-color: transparent;
 background: url(img/titre.png) repeat-x;
 border: 1px solid #999;
 white-space: nowrap;
 text-align: center;
 line-height: 31px;
 height: 31px;
 padding: 0 5px;
}
.tbl { /* sfondo box centrale */
 font: 12px arial, helvetica, sans-serif;
 color: #bbb;
 background-color : transparent;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 text-align: left;
 margin-bottom: 8px;
 padding: 4px;
}
.tblover {
 font: 12px arial, helvetica, sans-serif;
 color: #fff;
 background-color: transparent;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 text-align: left;
 margin-bottom: 8px;
 padding: 4px;
}

Potete anche far scompaire i bordi laterali attribuendo a questi il valore zero. [border : 0px solid #330066;]

Fonte: GuppYSkins

Autore : valkiro Copyright 2007 by valkiro