IMPORTANTE: Naturalmente questa è la forma base, volendo potete sbizzarrirvi cambiando:
- border : cioè lo spessore del vostro container.
- background color : il colore di fondo del vostro container.
- width: è la larghezza in percentuale rispetto alla larghezza totale della pagina.
- font-family : il carattere
Potete inoltre sostituire il tipo di contorno con : - solid (come in questo caso) che sta per linea semplice - dotted e avrete una linea a puntini - dashed e avrete una linea tratteggiata - double e avrete una doppia linea - groove - inst
infine la dicitura -moz-border-radius: 15px;... innanzitutto bisogna dire che l'arrotondamento si vede solo utilizzando Mozzila Firefox; poi bisogna precisare che esistono, sostanzialmente, due tipi di codici: il primo (quello che ho inserito nel codice ad inizio post) arrotonda tutti gli angoli assieme ed ha il vantaggio di accorciare notevolmente l'insieme dei codici ^^ poi c'è la stringa (anche se in realtà sono quattro, una per ogni angolo) che ci permette di arrotondare diversamente ogni angolo...
Subito dopo, passiamo al "line-height: 13px;"; questo codice ci permette di modificare l'altezza del testo... come impatto iniziale potrebbe sembrare come il "padding" (vedi prima stringa), ma la differenza è che il padding agisce sui bordi e può anche allargare il container se la distanza tra quest'ultimo e la scritta è più piccola della distanza che noi abbiamo inserito, in pixel, mentre il line-height agisce solo sull'altezza del testo, facendo, al massimo alzare il nostro container.
Riquadri per firma (vari esempi)
Qui inserisci il testo o le immagini che vuoi in firma...
CODICE
<div align="center"> <div style="border: 4px double #7ab5ce; width: 400px;">Qui inserisci il testo o le immagini che vuoi in firma...</div></div>
Inserisci qui il contenuto testuale o di immagini che vuoi in firma....TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO...
CODICE
<div align="center"> <div style="padding: 1px; background-color: #d7b9d5; color: #61355e; font-size: 9px; font-family: georgia; text-align: left; width: 200px; line-height: 10px;">Inserisci qui il contenuto testuale o di immagini che vuoi in firma....TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO, TESTO...</div></div>
IMPORTANTE : anche in questo caso le misure possono essere personalizzate, vi basterà solo cambiare la grandezza in height
Area di testo
CODICE
<textarea>*Inserisci qui il testo*</textarea>
Es.
Minitabella
CODICE
<div style="width: 130px; background-color: *Inserisci qui il colore dello sfondo* ;border: 1px solid #ffffff; font:7pt; color: #9F9F9F">*Inserisci qui il testo*</div>
Grazie sorellina! dopo secoli, credo che anch'io mi deciderò a riordinare la firma (non so ancora come però, visto che ci infilerei dentro mezzo forum xD) Farò buon uso di questi codici*.*