Dear Fran |
|
| Chi non ha mai visto una tabella? Molti forum di Grafica e GDR ne fanno uso. In un forum GDR ha come obbiettivo quello di personalizzare la scheda o il post di un utente, ed è utile per fare una role ordinata. Qui il codice che attualmente uso, ed una breve e semplice spiegazione di alcuni codici per gli inesperti che vogliono personalizzare la propria tabella. ANTEPRIMA TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo . |
CODICE <table border="10" cellpadding="5" cellspacing="5" height="160" width="560"> <tr> <td valign="top" height="160" width="560"><div style="font-family: Calibri Light; font-size: 16px; color: #9c9c9c; background-color: #121212; float: justify; text-align: justify; padding: 10px; line-height: 17px; letter-spacing: 1px; border: 3px solid #ffffff; -moz-border-radius: 9px; -webkit-border-radius: 9px;">TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo TESTO testo . </td> </tr> </table> </div>
— table border è il bordo della (prima) tabella, quella più esterna. Basta inserire il numero 0 per toglierla.
— cellpadding e cellspacing hanno come obbiettivo quello di creare spazio all'interno delle tabelle/celle. Basta inserire il numero 0 per non metterlo.
— height e width sono rispettivamente l'Altezza e la Larghezza della tabella (in pixel, non centimetri).
— TR definisce le righe della tabella.
— TD racchiude i dati della tabella.
— div è un contenitore, style indica lo stile del contenitore e del suo contenuto.
— font-family è il carattere, lo stile con cui scrivi. Arial, Times ecc. sono font.
— font-size indica la dimensione del carattere/font.
— color indica il colore del carattere.
— background-color è il colore dello sfondo della tabella.
— float è l'allineamento del contenuto dentro la tabella. (center, justify, left, right)
— text-align è l'allineamento del testo. (center, justify, left, right)
— padding è la distanza fra il bordo della tabella ed il suo contenuto.
— line-height è la distanza fra una riga di testo e l'altra.
— letter-spacing è la distanza fra le lettere.
— border è il bordo della tabella (solid, dotted, dashed)
— moz-border-radius e webkit-border-radius servono per arrotondare i bordi della tabella.
— i PX sono i pixel. Potete cambiare lo spessore e le dimensioni a qualsiasi cosa!
ESEMPIO DI BORDO SOLID
ESEMPIO DI BORDO DOTTED
ESEMPIO DI BORDO DASHED
ESEMPIO SENZA BORDO
ohohohohoh
OLLALLA'!
divertitevi e sbizzarritevi!
(ma non troppo, o vi picchiamo)
|
Edited by Dear Fran - 5/8/2015, 19:32
|
| | |
