Vi elenco un po' di codici da utilizzare per abbellire le vostre firme e non solo ^^
Pannello colorato (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<div style="padding: 1px; background-color: #7171FF; color: #FFFFFF; font-size: 9px; font-family: georgia; text-align: left; width: 200px; line-height: 10px;">Quattro pirati sul mar dei Sargassi, sopra una zattera fatta di assi, vanno remando, dicono loro, alla ricerca di un grande tesoro...</div>
Esempio:
Quattro pirati sul mar dei Sargassi, sopra una zattera fatta di assi, vanno remando, dicono loro, alla ricerca di un grande tesoro...
Pannello colorato con sfondo (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<div align="center"><div style="width: 300px; background-color:#CC33CC ; border: 5px solid #CC99CC; font:10pt; color: #CC99CC"; align="center"> Testotestotesto </div></div>
Esempio:
Testotestotesto
Scrollbar senza sfondo:
CODICE
<div style="width:200px;height:100px;overflow-y: scroll; border:;"> <i> Testo o immagini </i></div>
Esempio:
Testo o immagini Testo o immagini Testo o immagini Testo o immagini Testo o immagini Testo o immagini Testo o immagini
Scrollbar con sfondo:
CODICE
<div style="BORDER: #785656 2px dotted; OVERFLOW: scroll; WIDTH:400px; HEIGHT: 170px; BACKGROUND-image: url(http://blog.skydiamond.org/wp-content/uomo_stelle.jpg); COLOR: #000000"> TESTO QUI </div>
Esempio:
TESTO QUI TESTO QUI TESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUITESTO QUI TESTO QUI TESTO QUI TESTO QUI TESTO QUI TESTO QUI TESTO QUI TESTO QUI
Legenda con bordo e titolo in alto a sinistra-bordo trasparente
CODICE
<fieldset><legend><b>Titolo</b></legend><p align="center">Testo o immagini</p></fieldset>
Esempio:
Legenda con bordo e titolo in alto a destra-bordo colorato (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<fieldset style="padding: 2px; border: 3px solid #FF33FF; width: 150px"><legend>Titolo</legend>Testo o immagini</fieldset>
Esempio:
Titolo Testo o immaginiBordo per la firma-linea continua (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<div style="border: 4px double #3399FF ; width: 400px;">Firma</div>
Esempio:
Firma
Bordo per la firma-linea tratteggiata (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<div style="border: 4px Dashed #00CCFF; width: 400px;">Inserisci qui la firma</div>
Esempio:
Inserisci qui la firma
Bordo per firma-puntini (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<div style="border: 4px Dotted #7171FF; width: 400px;">inserisci qui la firma</div>
Esempio:
inserisci qui la firma
Testi sovrapposti (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):
CODICE
<p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #FFFF33; line-height: 6px;"> TESTO SOTTO</font> <font style="text-decoration:none; font-family: arial; color:#FF6633 ; font-size: 30px;">Testo sopra</font></p>
Esempio:
TESTO SOTTO Testo sopra
Testo impazzito:
CODICE
<marquee direction="up" behavior="alternate" height="50"><marquee behavior="alternate" width="30%">INSERISCI QUì IL TESTO</marquee></marquee>
Esempio:
INSERISCI QUì IL TESTO
Testo rimbalzante:
CODICE
<marquee behavior="alternate" width="30%">TESTO</marquee>
Esempio:
TESTO
Elenco a finestrella:
CODICE
<select> <option value="1">AAAAAAA</option> <option value="2">BBBBBBB</option> <option value="3">DDDDD</option> </select>
Esempio:
AAAAAAA BBBBBBB DDDDD
Area di testo scorrevole:
CODICE
<textarea>TESTOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO</textarea>
Esempio:
Testo con descrizione: (tenere fermo il mouse sulla scritta per far apparire la descrizione)
CODICE
<acronym title="SCRIVI QUì LA DESCRIZIONE">INSERISCI IL TESTO</acronym>
Esempio:
testotestotesto
Testo affianco ad una immagine:
CODICE
<img style="FLOAT: left; alt="" src="http://media.photobucket.com/image/yuna%20icon/pudding102/Anime/ff%20x-2/Yuna/CuteYunaIcon.png">YunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYuna
Esempio:
YunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYunaYuna
Barra di divisione fra una riga e l' altra di testo:
Esempio:
Blablablablablablablablablablablabla
Blablablablablablablablablablablabla
Blablablablablablablablablablablabla
Blablablablablablablablablablablabla
Blablablablablablablablablablablabla
Blablablablablablablablablablablabla
Bottone:
CODICE
<button>TESTO</button>
Esempio:
TESTO Testo barrato:
Esempio:
esempio Tabella secondo lo stile del forum:
CODICE
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center"> <div class="mtitle">TITOLO</div> </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww">COLONNA1</td> <td class="aa">COLONNA2</td> <td class="ww">COLONNA3</td> </tr> </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
Esempio:
Tabella trasparente:
CODICE
<table width="75%" border="1"><tr> <td height="9"> testo testo <marquee scrollamount="1" direction="up" width="90%" height="80"> <p align="center"><font size="2"><b>Altro testo in scorrimento</b></font></p> </marquee> </td> <td width="33%"> <p algin="center"> <b><font size="2">Testo<br><br> Testo</b></font></p> <td align="center" width="33%"> <b><i>Testo</i></b><br> <br> Altro testo o immagini </td></tr> </table> <table width="75%" border="1"><tr> <td width="50%"> Testo </td> <td width="50%"> <b><marquee><font color="red" size="3">Testo</font></marquee></b> </td></tr> </table>
Esempio:
testo in scorrimento
Testo Testo
Testo Altro testo o immagini
Edited by Shizuma93 - 30/12/2014, 16:53