-->

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:#f2e3fctext-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: #021752height: 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 



Posta un commento