Impariamo a fare una presentazione! Lezione 1)

In queste 3 lezioni (o forse di più), vi insegnerò a fare delle fantastiche presentazioni a riquadri come le mie!

Per iniziare vi dico che:
I colori devono esser presi da questo sito: http://web.njit.edu/~kevin/rgb.txt.html
Per vedere come sta uscendo la vostra presentazione dovrete usare questo sito: http://htmledit.squarefree.com/
Prima di iniziare a spiegarvi voglio ringraziare il blog helppresentazio.blogspot.com per avermi insegnato :)
Prima di tutto utilizzeremo un codice corto. Questa presentazione ha un solo carattere, quindi è fatta tutta grande uguale.
Il codice è il seguente:

<p style='background-repeat: no-repeat; width: 500px;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>

Se qualcuno lo notasse, è lo stesso che il blog helpresentazio.blogspot.com da come lezione 2. Le prossime lezioni le farò con codici miei :)

Copiate il codice nello spazio azzurro del sito http://htmledit.squarefree.com/. Adesso vederemo nel dettaglio la presentazione.

Width 500 px  è la grandezza della presentazione. Per non avanzare su stardoll e quindi perdere pezzi importanti, la isura dev'essere 500 px o meno. 500 px è la misura standard, grande come il riquadro della presentazione di stardoll

Background-color:green  questo è lo sfondo della vostra presentazione. Potete mettere nomi di colori in inglese (red, yellow ecc.), potete andare su http://web.njit.edu/~kevin/rgb.txt.html e scegliere il colore che più vi piace. Se prendete i colori dal sito potete scrivere il nome del colore (LightBlue, grey ecc.). In questo caso i colori contenenti numeri (DeepSkyBlue2 ecc.) non andranno, quindi vi consiglio di usare il secondo metodo: al posto di scrvere, per esempio, DeepSkyBlue2, scrivete i numeri della quarta colonna preceduti da #. In questo caso DeepSkyBlue2 sarebbe uguale a #00B2EE, Grey56 sarebbe uguale a #8F8F8F ecc.

border: 3 px dotted #FFA500: Questo è il bordo. 3 px indica quant'è spesso il bordo. dotted indica il tipo di bordo: provate a sostituirlo con: dashed      ridge      solid          inset         (nel senso sostituirlo con solo uno dei quattro nomi scritti e vedere qual'è il vostro preferito) . #FFA500 è sempre il nostro colore, scritto in numeri come vi ho spiegato prima, potete comunque scriverlo in lettere

Test-align: center: qui c'è scritto se volete il testo in centro (center), sinistra (left) o destra (right). Dipende da come volete scrivere, dopo vedremo che non si potrà fare il titolo in un modo e il resto in un altro.

Span-style='color:orange: Questo è il colore in cui volete scrivere, potete scriverlo in lettere o in numeri, come spiegato nello spazio giallo :)

Font-Family: Heavy Heap: è il carattere di scrittura. Se aprite world potrete notare che scrivete (di solito), con cambria o arial. Heavy Heap è un carattere, come arial, French Script JM ecc..

Font-size: 80 px: è la grandezza con cui scrivete. Per regolarvi è la stessa grandezza di World

Text here <br> here è il vostro testo. Se lo state cambiando sul sito http://htmledit.squarefree.com/ per andare a capo digitate <br>. Se la state cambiando su Stardoll, per andare a capo schiacciate Maiusc+invio. Se non schiacciate Maiusc si creerà un altro riquadro.


Adesso provate a cambiarla voi e farla come vi piace!
L'ho fatto anch'io, su http://htmledit.squarefree.com/ guardate come l'ho fatta:

<p style='background-repeat: no-repeat; width: 450px;background-color: #FF69B4; background-position: center; border: 20px solid #C6E2FF; text-align: center ;'><span style='color: #C6E2FF; font-family: Heavy Heap; font-size: 80px;'><span style='text-shadow: 1px 1px 3px white;'>TEXT HERE<br> here</span></span></p>

Per mettere la presentazione nella vostra presentazione di stardoll, copiate il codice