[TUTORIAL] Codici HTML utili per la vostra firma forumfree

« Older   Newer »
 
  Share  
.
  1. Øw[N]eR_
    view post Posted on 29/7/2016, 14:15
        +9   +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,930
    Reputazione
    +44
    Location
    Calabria

    Status
    Anonymous



    AGGIORNATA IN DATA 01/08/2016




    Salve, sono qui per presentarvi alcuni codici HTML che potrebbero tornarvi utili per personalizzare la vostra firma,

    INIZIAMO

    Pannello colorato con sfondo (è possibile modificare i colori cambiando i codici dopo il carattere # con quelli di altri colori HTML, per visualizzare i colori dei codici andare su www.colorihtml.it/):

    ESEMPIO:

    ITALIAN ULTIMATE SERVER.


    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <div style="padding: 1px; background-color: #7171FF; color: #FFFFFF; font-size: 9px; font-family: georgia; text-align: left; width: 200px; line-height: 10px;">VOSTRO TESTO</div>


    ___________________________________________________________________

    Scrollbar con sfondo (immagine)

    ESEMPIO:

    ILVOSTROTESTO


    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <div style="BORDER: #785656 2px dotted; OVERFLOW: scroll; WIDTH:400px; HEIGHT: 170px; BACKGROUND-image: url(LINK DIRETTO DELL'IMAGINE DA USARE COME SFONDO); COLOR: #000000">ILVOSTROTESTO</div>


    ___________________________________________________________________

    Bordo per la firma con testo all'interno (è possibile modificare i colori cambiando i codici dopo il carattere # con quelli di altri colori HTML, per visualizzare i colori dei codici andare su www.colorihtml.it/):

    ESEMPIO:

    ILVOSTROTESTO


    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <div style="border: 4px double #CODICECOLOREHTML ; width: 400px;">ILVOSTROTESTO</div>


    ___________________________________________________________________

    Bottone

    ESEMPIO:



    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <button>TESTO</button>


    ___________________________________________________________________

    Tabella secondo style forum

    ESEMPIO:

    TITOLO
    COLONNA1COLONNA2COLONNA3
     




    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <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>


    ___________________________________________________________________

    Testi sovrapposti (è possibile modificare i colori cambiando i codici dopo il carattere # con quelli di altri colori HTML, per visualizzare i colori dei codici andare su www.colorihtml.it/):

    ESEMPIO:

    TESTO SOTTO
    Testo sopra



    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #CODICE COLORE DEL TESTO SOPRA; line-height: 6px;"> TESTO SOTTO</font>
    <font style="text-decoration:none; font-family: arial; color:#CODICE COLORE DEL TESTO SOTTO ; font-size: 30px;">Testo sopra</font></p>


    ___________________________________________________________________

    Testo scorrevole :

    ESEMPIO:

    TESTO

    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    CODICE
    <marquee behavior="alternate" width="30%">TESTO</marquee>


    ___________________________________________________________________

    Menù a tendina :

    ESEMPIO :



    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <select>
    <option value="1">PRIMAOPZIONE</option>
    <option value="2">SECONDA OPZIONE</option>
    <option value="3">TERZA OPZIONE</option>
    </select>


    ___________________________________________________________________

    Testo con immagine affiancata :

    ESEMPIO :

    pikapika

    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <img style="FLOAT: left; alt="" src="URL IMMAGINE DIRETTO">pikapika


    _______________________________________________________________________________________________________________________________________

    Area di testo :

    ESEMPIO :



    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <textarea>*Inserisci qui il testo*</textarea>


    ___________________________________________________________________


    Testo lampeggiamente

    ESEMPIO :

    TESTO

    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <marquee direction="up" scrollAmount=35 height="40" width="80%">TESTO</marquee>


    ___________________________________________________________________

    Elenco puntato

    ESEMPIO:

    • Testo

    • Testo

    • Testo


    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <ul type="circle">
    <li>Testo1</li>
    <li>Testo2</li>
    <li>Testo3</li>
    </ul>


    ___________________________________________________________________

    Immagine come sfondo della firma

    Codice da inserire :
    SPOILER (clicca per visualizzare)
    HTML
    <div style="background-image:url(http://indirizzo_immaginediretto)">Tutto quello che avete nella firma</div>




    SPERO QUESTA GUIDA VI PIACCIA E SPERO VI SARA' UTILE. ALLA PROSSIMA!







    Credits of pics : pokemonbattles



    Edited by Øw[N]eR_ - 3/8/2016, 10:17
     
    .
  2. Speedi_
    view post Posted on 29/7/2016, 18:02
        +1   -1
     
    .

    User deleted
    Bella guida :lol:
     
    .
  3. Øw[N]eR_
    view post Posted on 29/7/2016, 18:10
        +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,930
    Reputazione
    +44
    Location
    Calabria

    Status
    Anonymous
    Grazie :P
     
    .
  4. Kevin_Rondreis
    view post Posted on 29/7/2016, 19:17
        +1   -1
     
    .

    User deleted
    Fanculo l'informativa vado a fare "O' Tubbista"
    SPOILER (clicca per visualizzare)
    bella guida
     
    .
  5. Øw[N]eR_
    view post Posted on 29/7/2016, 20:24
        +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,930
    Reputazione
    +44
    Location
    Calabria

    Status
    Anonymous
    Grazie
     
    .
  6. Nevell_
    view post Posted on 30/7/2016, 19:38
        +1   -1
     
    .
    Avatar

    Welcome to the new hell.

    Group
    Pensionati
    Posts
    1,655
    Reputazione
    +420
    Location
    Inferno

    Status
    Anonymous
    Niente male, carina e utile :) Ma è finita qui oppure ci sono altri tipi e stili? Se sì aggiungili se non chiedo troppo ^_^
    Web
     
    .
  7. Øw[N]eR_
    view post Posted on 30/7/2016, 19:51
        +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,930
    Reputazione
    +44
    Location
    Calabria

    Status
    Anonymous
    CITAZIONE (Nevell_ @ 30/7/2016, 20:38) 
    Niente male, carina e utile :) Ma è finita qui oppure ci sono altri tipi e stili? Se sì aggiungili se non chiedo troppo ^_^

    Grazie, a breve ne aggiungerò altri.
     
    .
  8. [CPL]DanyR_[FDR]
    view post Posted on 1/8/2016, 08:46
        +1   -1
     
    .

    User deleted
    Bella guida
     
    .
  9. Øw[N]eR_
    view post Posted on 1/8/2016, 09:07
        +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,930
    Reputazione
    +44
    Location
    Calabria

    Status
    Anonymous
    CITAZIONE ([CPL]DanyR_[FDR] @ 1/8/2016, 09:46) 
    Bella guida

    Grazie :)
     
    .
  10. [CPL]DanyR_[FDR]
    view post Posted on 1/8/2016, 09:28
        +1   -1
     
    .

    User deleted
    Prego
     
    .
9 replies since 29/7/2016, 14:15   1610 views
  Share  
.

Grafica
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree
Top