Raccolta codici HTML per la vostra firma.

E chi ne ha, più ne metta **

« Older   Newer »
 
  Share  
.
  1. ¤Nyu~
    view post Posted on 2/7/2012, 19:57
        +11   +1   -1
     
    .

    User deleted
    'Sera ragazzuoli miei : :flower: Giusto per andare incontro alle esigenze della nostra utenza, ecco che vi posto un po' di codici per abbellire e personalizzare la vostra firma *^* E ricordatevi: un commento è ben accetto <3

    Pannello colorato (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):

    SPOILER (clicca per visualizzare)
    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):

    SPOILER (clicca per visualizzare)
    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:

    SPOILER (clicca per visualizzare)
    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:

    SPOILER (clicca per visualizzare)
    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
    SPOILER (clicca per visualizzare)
    CODICE
    <fieldset><legend><b>Titolo</b></legend><p align="center">Testo o immagini</p></fieldset>


    Esempio:

    Titolo

    Testo o immagini





    Legenda con bordo e titolo in alto a destra-bordo colorato (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):

    SPOILER (clicca per visualizzare)
    CODICE
    <fieldset style="padding: 2px; border: 3px solid #FF33FF; width: 150px"><legend>Titolo</legend>Testo o immagini</fieldset>


    Esempio:

    TitoloTesto o immagini




    Bordo per la firma-linea continua (è possibile modificare i colori cambiando i codici dopo # con quelli di altri colori):

    SPOILER (clicca per visualizzare)
    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):

    SPOILER (clicca per visualizzare)
    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):

    SPOILER (clicca per visualizzare)
    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):

    SPOILER (clicca per visualizzare)
    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:

    SPOILER (clicca per visualizzare)
    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:

    SPOILER (clicca per visualizzare)
    CODICE
    <marquee behavior="alternate" width="30%">TESTO</marquee>

    Esempio:

    TESTO





    Elenco a finestrella:

    SPOILER (clicca per visualizzare)
    CODICE
    <select>
    <option value="1">AAAAAAA</option>
    <option value="2">BBBBBBB</option>
    <option value="3">DDDDD</option>
    </select>


    Esempio:




    Area di testo scorrevole:

    SPOILER (clicca per visualizzare)
    CODICE
    <textarea>TESTOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO</textarea>


    Esempio:





    Testo con descrizione: (tenere fermo il mouse sulla scritta per far apparire la descrizione)

    SPOILER (clicca per visualizzare)
    CODICE
    <acronym title="SCRIVI QUì LA DESCRIZIONE">INSERISCI IL TESTO</acronym>


    Esempio:

    testotestotesto





    Testo affianco ad una immagine:

    SPOILER (clicca per visualizzare)
    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:

    SPOILER (clicca per visualizzare)
    CODICE
    <hr>


    Esempio:

    Blablablablablablablablablablablabla

    Blablablablablablablablablablablabla
    Blablablablablablablablablablablabla
    Blablablablablablablablablablablabla
    Blablablablablablablablablablablabla

    Blablablablablablablablablablablabla




    Bottone:

    SPOILER (clicca per visualizzare)
    CODICE
    <button>TESTO</button>


    Esempio:





    Testo barrato:

    SPOILER (clicca per visualizzare)
    CODICE
    <s> esempio</s>

    Esempio:

    esempio



    Tabella secondo lo stile del forum:

    SPOILER (clicca per visualizzare)
    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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Esempio:




    TITOLO
    COLONNA1COLONNA2COLONNA3
     






    Tabella trasparente:
    SPOILER (clicca per visualizzare)
    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 testo

    testo in scorrimento

    Testo

    Testo

    		Testo

    Altro testo o immagini
    TestoTesto


    Edited by ’Noora - 2/5/2013, 18:00
     
    Top
    .
  2. #Human
    view post Posted on 2/7/2012, 22:12
        +1   -1
     
    .

    User deleted
    CITAZIONE (¤Nyu~ @ 2/7/2012, 20:57) 
    E ricordatevi: un commento è sempre ben gradito uwù

    CITAZIONE (¤Nyu~ @ 2/7/2012, 20:57) 

    Quattro pirati sul mar dei Sargassi, sopra una zattera fatta di assi, vanno remando, dicono loro, alla ricerca di un grande tesoro...


    Lo meriti solo per questo :asd:
     
    Top
    .
  3. S a y u r i
    view post Posted on 3/7/2012, 00:14
        +1   -1
     
    .

    User deleted
    Che carini :O grazie Nyu!
     
    Top
    .
  4. S a y u r i
    view post Posted on 3/7/2012, 00:44
        +1   -1
     
    .

    User deleted
    Ne ho usato qualcuno ;D
     
    Top
    .
  5. ¤Nyu~
    view post Posted on 3/7/2012, 12:16
        +1   -1
     
    .

    User deleted
    CITAZIONE (S a y u r i @ 3/7/2012, 01:14) 
    Che carini :O grazie Nyu!

    Grazie master ;D

    CITAZIONE (S a y u r i @ 3/7/2012, 01:14) 
    Che carini :O grazie Nyu!

    Prego master ;D
     
    Top
    .
  6. ¿Mike"
    view post Posted on 18/7/2012, 19:26
        +1   -1
     
    .

    User deleted
    bellissimi **
    cambio firma al volo
     
    Top
    .
  7. silence and weakness
    view post Posted on 10/6/2013, 14:53
        +1   -1
     
    .
    Avatar

    Group
    Member
    Posts
    3,567
    Location
    La Serenissima Repubblica

    Status
    Anonymous
    Ne ho usati un po'....bellissimi! XD
    Contacts ContactsWeb Web
     
    Top
    .
6 replies since 2/7/2012, 19:57   10516 views
  Share  
.

Le guide HTML di Rotom
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity