Sezione del telaio dedicata alla realizzazione e |
||||
..:: Table sfondo ::.. Le table/tebelle sono trasparenti, quindi si visualizzeranno con il colore o lo sfondoche è stato impostato nella pagina ma se occorre, possiamo personalizzarlo Iniziamo con i colori, parametro necessario bgcolor="#xxxxxx"
Il parametro da inserire è: bgcolor=" " Possiamo inserirlo sia per tutta la table che nella/e cella/e per ottenere effetti particolari tipo questo:
Possiamo impostare colori differenti per la table e la cella e aumentare il valore in cellspacing="..." parametro per lo spazio tra le celle e avere un effetto cornice
* In ogni cella di una table si può impostare un colore (o un'immagine) differente non ci sono limiti alle personalizzazioni Vediamo come inserire uno sfondo utilizzando un'immagine ed il parametro background-image:url('...') avremo bisogno di un'immagineche abbia un indirizzo web, https:// Se l'avete caricata nel host del vostro sito potrete richiamarla in modo semplificato cartella/nome_immagine.jpg/png/gif Leggete il tutorial dedicato qui ->Immagini
* Anche in questo caso possiamo aggiungere il parametro sia nella table che nelle celle e avere l'effetto cornice più carino
In questo caso, per la cella ho usato uno sfondo/immagine dedicato allo scopo, cioè la table può "crescere" quanto vuole con il contenuto, l'effetto sarà sempre armonioso ma se voglio usare un'immagine con un disegno dovrò fare attenzione alle sue misure, ovvero la table o la cella in cui voglio inserire l'immagine/sfondo dovrà avere necessariamente le misure in altezza (height="xxx") e larghezza (width="xxx") dell'immagine
Ovviamente in una table con più celle si possono fare tutte le combinazioni possibili tra colori e sfondi differenti, dipende dalle necessità e i gusti; vi invito però a scrivere le personalizzazioni nel css/foglio di style, il codice della/e pagina/e sarà sicuramente più ordinato e leggero, inoltre le potrete richiamare con un semplice piccolo tag ogni volta che serve * Classe css/foglio di style per una table con lo sfondo colorato
* Classe css/foglio di style per una table con lo sfondo immagine
Giusto un paio di esempi, lo stesso codice vale per le celle, al posto di table.nome_classe scriverete td.nome_classe , il richiamonella table e/o nella cella sarà sempre class="nome_classe" Nel box/menu html trovate i link ai vari tutorial per scrivere i css/foglio di style, quello dedicato alle table lo potete leggere qui -> css table Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥ Dai un giudizio a questo tutorial... Grazie ^_^
~ Pagina visitata da 2761 utenti |
Segui il telaio su Facebook * Info sezione...Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata se evitaste di fare copia e incolla su altri spazi del mio lavoro, linkate le pagine, avvisatemi ricambierò senza problemi. Grazie ♥ ..:: Basi ::.. ..:: html ::.. ..:: Script page ::.. ..:: Script gadget ::.. Accessori e gadget del telaio... Spazio web... Realizzare e gestire un sito web Materiale grafico Gif, mini gif, pixel, immagini, png... |
I vostri messaggi...
|
|
|