ImagePlus - Box laterali - Renderli trasparenti

Connessione...

Membri: 17

10 ultimi membri:

Katryne Sergio pitbull amalio carlo Oo_IcEtTa_oO Zaku molly marco renata

[ Password persa ? ]

[ Registrati ]

Utente online: 0

Anonimi online: 8

Visite totali: 52037

Webmaster - Infos

Presentazione

Spiegare Chiudi Copyright

¤ Le regole del sito

Spiegare Chiudi Links GuppY

¤ Siti di riferimento

Spiegare Chiudi Presentazione

¤ Cos'è Guppy

Guide e trucchi per skin

Spiegare Articoli, blog, ecc..

¤ Cambiare le immaginette delle liste degli articoli, del blog etc.

Spiegare Banner

¤ Centrare il banner

Spiegare Bordi

¤ Come disattivare i boridi del plugin icone frame

Spiegare Bottoni

¤ Come personalizzarli

Spiegare Box centrali

Spiegare Box laterali

Spiegare Calendario

¤ Le classi

Spiegare Colori

¤ Codici dei colori

Spiegare Copyright

Spiegare Footer

¤ Come mettere un'immagine nel footer

Spiegare Google

¤ La pub di Google nella skin

Spiegare Header

¤ Come inserire un'immagine nell'header

Spiegare Icone

¤ Icone solo nel box centrale

Spiegare Immagini

¤ Inserire un'immagine avanti a un testo o una frase

Spiegare Interlinee

¤ Come togliere le interlinee

Spiegare Larghezza sito

¤ Cambiare la larghezza

Spiegare Logo

¤ Centrare il logo

Spiegare Menù

¤ Cambiare o inserire le immaginette nella lista dei menù
¤ Centrare il menù
¤ Effetti per i titoli
¤ Le classi

Spiegare Problemi vari

¤ Skin deformi? Ridimensioniamo le immagini

Spiegare Sfondo sito

¤ Personalizzare lo sfondo

Spiegare Skin GuppY v4.5

¤ Guida skin GuppY v4.5

Spiegare Style.css

¤ Guida completa

Newsletter

Siti di skin

Box laterali - Renderli trasparenti

Questo articolo è disponibile nel formto standard RSS per la pubblicazione sul vostro sito web:
http://www.nunziatin.altervista.org/data/artit.xml

Passa in rassegna gli articoli dell\'indice "Box laterali"

Come rendere trasparenti i box laterali

Classi in considerazione :

Classe	compito
titrebox	per il titolo dei box laterali
tblbox	per il corpo dei box laterali
tblboxover	per il corpo dei box laterali al passagio del mouse
titre	per il titolo dei box centrali
tbl	per il corpo dei box centrali
tblover	per il corpo del box centrale al passaggio del mouse

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 laterali.

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

.titrebox { /* Titre */
 font: bold 15px arial, helvetica, sans-serif;
 color: #000000;
 background-color: transparent;
 border: 1px solid #330066;
 white-space: nowrap;
 text-align: center;
 line-height: 26px;
 height: 26px;
 width: 174px;
 padding: 0;
}
.tblbox { /* Corps */
 color: inherit;
 background-color: transparent;
 border: 1px solid #330066;
 text-align: left;
 margin-bottom: 8px;
 padding: 4px;
}
.tblboxover { /* Corps survolé */
 color: inherit;
 background-color: transparent;
 border: 1px solid #330066;
 text-align: left;
 margin-bottom: 8px;
 padding: 4px;
}