CONTENITORI DIV PER GADGET

 Contenitori div colorati

Vediamo come preparare i contenitori div 
per i nostri gadget, inserendo nei parametri 
oltre quelli per il font, uno style per il 
bordo e lo sfondo che può essere colorato o 
un'immagine.

Partiamo dal codice div base: <div></div>

- Aggiungiamo un bordo: <div style="border:1px dashed #021752"></div>

- Aggiungiamo uno sfondo con un colore: <div style="border:1px dashed #1525ab; background-color:#f2e3fc"></div>

- Aggiungiamo i parametri per il font, la posizione per il testo: <div style="border:1px dashed #021752; background-color:#f2e3fc; text-align:center; font-family:Palatino Linotype; font-size: 8pt; color: #021752"></div> Testo

- aggiungiamo le misure che servono per il gadget che vogliamo realizzare e il parametro per i margini dal bordo: <div style="border:1px dashed #021752; background-color:#f2e3fc; text-align:center; font-family:Palatino Linotype; font-size: 8pt; color: #021752; height: 50px; width:200px; padding:5px"></div> Testo Testo Testo Testo Testo Testo Testo Testo Testo Testo

Al posto del colore per lo sfondo possiamo  inserire un'immagine <div style="border:1px dashed #021752; background-image:url('http://i57.tinypic.com/2i1m4i0.png'); text-align:center; font-family:Palatino Linotype; font-size: 8pt; color: #021752; height: 50px; width:200px; padding:5px"></div>

(le parti in rosso le potete modificare e 
personalizzare)

Non ha importanza l'ordine in cui si 
aggiungono i  parametri ma sono molto
importanti le  virgole, i punti e virgola , i 
due punti e le parentesi .
Una volta terminata la base potrete 
procedere con l'inserimento degli  script.

Ciao, spero di esserti stata utile