Premio 500 Lettori

Vi ricordate degli ''HpPoints''?

Il premio sarà :
-creare una presentazione con bordi da soli

Leggete la scorsa lezione qui

Ecco una struttura di presentazione ,gia' creata .
Ogni codice deve essere aperto con ''<p'' e poi chiuso con ''</p>''
Altrimenti non vi funziona!

<p style='background-repeat: no-repeat;background-color: green; background-position:center; border: 3px dotted #FFA500; text-align:center;'><span style='color: orange; font-family: Heavy Heap; font-size: 80px;'><span style='text-shadow: 1px 1px 3px white;'>TEXT HERE<br> here</span></span></p>

background-color: green --->  E' il colore dello sfondo della presentazione ,al posto di ''green'' inserite il vostro colore che desiderate ,in inglese!Usate soltanto i colori inglesi es: red ,yellow etc.

border: 3px dotted red; --->  E' il bordo della vostra presentazione .Dove 3px è la larghezza del bordo
 dotted il tipo di (bordo)  e  red è il colore del bordo .
Tipi di bordi :
dotted :
ridge : 
solid:

dashed:

inset:

font-family: Heavy Heap; ---->Dove Heavy Heap è il nome del vostro font .es:arial ,century gothic
font-size: 80px;----> è la grandezza del vostro font .  es:100px molto grande ,13px -molto piccola
text-shadow: 1px 0px 3px white---->  La sfumatura del vostro testo( 1px-spostamento a destra della sfumatura ; 0px -se volete spostarla giù modificatela in 4px oppure 6px , 3px -è la ''pesantezza della sfumatura''  per esempio 22 è molto leggera ,invece di  2 px che calca la scritta)
TEXT HERE---> modificate ''text here'' e scrivete il vostro testo
<br> here--->  crea un'altra riga

Avete capito ,che ruolo ha ogni elemento?
Ora  incollate questo codice in questo sito : http://htmledit.squarefree.com/ 

<p style='background-repeat: no-repeat;background-color: green; background-position:center; border: 3px dotted #FFA500; text-align:center;'><span style='color: orange; font-family: Heavy Heap; font-size: 80px;'><span style='text-shadow: 1px 1px 3px white;'>TEXT HERE<br> here</span></span></p>

Modificate la presentazione e divertitevi :)
La prossima volta vi spiegherò meglio le sfumature ,se non sono stata chiara.

Importante non usate explorer non sono visibile le sfumature !