Codici Html ForumFree ForumCommunity

« Older   Newer »
 
.
  1. Kyurem10
    view post Posted on 13/3/2011, 23:49     +10    
     
    .

    User deleted



    Ecco una guida ai codici HTML più comuni :)

    Inserire immagini

    CODICE
    <img src="http://indirizzo_immagine">


    Esempio:image




    Testo in grassetto:

    CODICE
    <b>*Inserisci qui il testo*</b>


    Esempio: Testo Grassetto




    Testo in corsivo:

    CODICE
    <i>*inserisci qui il testo*</i>


    Esempio: Scrittura in corsivo




    Testo Sottolineato:

    CODICE
    <u>*inserisci qui il testo*</u>


    Esempio: Scrittura sottolineata




    Testo Barrato:

    CODICE
    <s>*Inserisci qui il testo*</s>


    Esempio: Testo barrato




    Testo con carettere diverso:

    Ci sono vari caratteri!

    Arial
    CODICE
    [font=Arial]*Inserisci qui il testo*[/font]


    Esempio: Testo a carattere Arial

    Sostituisci " Arial " con: Times , Courier , Impact , Geneva e Optima per avere diversi caratteri.




    Testo con diversa dimensione:

    Ci sono diverse dimensioni!
    Testo Piccolo:
    CODICE
    [size=1]*Inserisci qua il testo*[/size]


    Esempio: Testo Piccolo

    Sostituite l' " 1 " con " 7 " e " 14 " per avere testi Medi e Grandi.




    Come centrare un testo:

    Ci sono 2 code:
    CODICE
    <center> *Inserisci qui il testo* </center>

    CODICE
    <p align="center">*Inserisci qui il testo*</p>


    Esempo:

    Testo centrato






    Come fare le scritte scorrevoli:

    CODICE
    <marquee>*Inserisci qui testo*</marquee>


    Esempio: Scritta scorrevole




    Come fare scritte scorrevoli a direzione e velocità variabile:

    Scritta scorrevole verso sinistra:
    CODICE
    <marquee direction="left" scrollAmount=7 height="40" width="80%">*Inserisci qui il testo*</marquee>


    Esempio:
    Scritta scorrevole verso sinistra

    Modificate "left" con: right (per scorrere a destra) "up" (per scorrere in sopra) , "down" (per scorrere in basso)

    Modificate il numero dopo scrollAmmount= per variare la velocità del testo. Ecco un esempio di una scritta a cui sono state modificate velocità e direzione:


    Scritta lenta , direzione "up"




    Come fare una scritta scorrevole "impazzita" :

    CODICE
    <marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">*Inserisci qui il testo*</marquee></marquee>


    Esempio:
    Scritta scorrevole impazzita




    Come fare una scritta rimbalzante:

    CODICE
    <marquee behavior="alternate" width="30%">*Inserisci qui il testo*</marquee>


    Esempio:
    Testo rimbalzante




    Come allineare il testo a destra / sinistra / centro / giustificato:
    CODICE
    <p align="left">*inserisci qui il testo*</p>

    Esempio:

    Testo allineato a Sinistra



    Sostituite a " left " : " right " , " center " o " justify " a seconda di dove volete allineare la scritta.




    Come inserire un link:

    Ci sono 2 modi:
    CODICE
    <a href="http://www.inserisciqui il sito.it">*Inserisci qui il testo*</a>

    CODICE
    [URL=http://www.inserisci qui il sito.it]*Inserisci qui il testo*[/URL]


    Anche se sostuisci al testo un immagine il risultato non cambia.




    Vari tipi di lista:

    CODICE
    <UL TYPE=disc>
    <LI> Prima voce di menu
    <LI> Seconda voce di menu
    <LI> Terza voce di menu
    </UL>


    Per una lista puntinata.Se volete, sostituite a "disc" : "circle"(per un cerchio), oppure "square" (per un quadratino).




    Inserire filmati e giochi Flash:

    CODICE
    [FLASH=600,400]indirizzo del file flash[/FLASH]





    fare una scritta superiore:

    CODICE
    <sup>*testo*</sup>


    Es. :lol: :) scritta superiore (tm)




    ATTENZIONE:I prossimi code HTML possono essere visualizzati soltando dal browser Internet Explorer




    Alone intorno al testo:

    CODICE
    <div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>


    Esempio:
    Testo con Alone


    Dovete sostituire ai numeri presenti in filter:glow(color=000000) il colore di cui volete che sia l'alone.




    Testo al contrario (orizzontale):

    CODICE
    <div style="width:100%;filter:fliph">*Inserisci qui il testo*</div>


    Esempio:
    testo al contrario





    Testo al contrario (Verticale) :

    CODICE
    <div style="width:100%;filter:flipv">testo al contrario</div>


    Esempio:
    testo al contrario





    Testo con ombra

    CODICE
    <div style="width:100%;filter:blur">testo con ombra</div>


    Esmpio:
    testo con ombra





    Testo con ombra proiettata

    CODICE
    <div style="width:100%;filter:shadow(color=FF0000)">testo con ombra</div>


    Esempio:
    testo con ombra





    Come inserire un "Textarea" :

    CODICE
    <textarea>*Inserisci qui il testo*</textarea>


    Esempio:






    Menù a tendina:

    CODICE
    <select>
    <option value="1">*1</option>
    <option value="2">*2</option>
    <option value="3">*3</option>
    </select>


    Sostituire i numeri dopo l'asterisco per modificare le opzioni.

    Esempio:






    Messaggio con descrizione:
    CODICE
    <acronym title="inserisci qui la descrizione">*Inserisci qui il testo*</acronym>


    Esempio:

    Tieni fermo il mouse su questo messaggio per visualizzare la descrizione.




    Bottone intorno al testo:

    CODICE
    <button> *Inserisci qui il testo </button>


    Esempio:



    Inserire un linea di divisione:
    Code molto semplice.Inserite
    CODICE
    <hr>
    dove volete che si divida il post.

    Esempio:

    Ciao.


    Ciao.




    Inserire una 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>


    *Inserisci qui il testo*




    Codici colori HTML


    Come fare quelle scritte che NON compaiono sulla tastiera:

    CODICE
    ALT + seguenza numeri su tastiera numerica di destra


    Esempio:

    ┼ = 1477
    © = 2744
    ¹ = 1787
    ³ = 1788
    ♠ = 1798
    ² = 1789




    Come inserire una scritta lampeggiante:

    CODICE
    <blink>testo</blink>


    Es. Testo luminescente

    N.B. nn funziona cn internet explorer




    dunque, per inserire uno sfondo che si adatti in dimensione alla vostra firma, dovrete inserire questo codice
    CODICE
    <div style="BORDER: 3px double #C0C0C0; background-image: url('CODICE DELL'IMMAGINE DA METTERE COME SFONDO')"> CONTENUTO FIRMA</div>

    ovviamente, al posto delle scritte in maiuscolo vanno inserite rispettivamente il link dell'immagine di sfondo e il codice della firma.

    se, al posto di un'immagine volete uno sfondo a tinta unica, dovrete inserire questo codice:
    CODICE
    <div style="BORDER: 3px double #C0C0C0; background-color:#COLORE HTML"> CONTENUTO FIRMA</div>


    alterando inoltre i caratteri sottolineati di questo codice 3px double #C0C0C0, cambierà il colore del bordo della tabella che racchiude la firma. (i codici dei colori da sostituire, si ottengono da "prendi colore")

    esempi:


    IMMAGINE DI SFONDO
    codice:
    CODICE
    <div style="BORDER: 3px double #C0C0C0; background-image: url('http://immagini.p2pforum.it/out.php/i264979_sfondoxmaspucci.gif')">[color=red]<b>[IMG]http://immagini.p2pforum.it/out.php/i260550_coro003.gif[/IMG] [size=20][font=Dyspepsia]We Wish you a [color=00C300]M[/color]erry [color=00C300]C[/color]hristmas...[/size][/font]
    <p align="right">[size=20][font=Dyspepsia]...and a Happy [color=00C300]N[/color]ew [color=00C300]Y[/color]ear![/font][/size][/color][IMG]http://immagini.p2pforum.it/out.php/i260547_4.gif[/IMG]</p></b></div>

    risultato:
    image We Wish you a Merry Christmas...

    ...and a Happy New Year!image






    COLORE DI SFONDO
    codice:
    CODICE
    <div style="BORDER: 3px double #F00050; background-color:#FFE3E3">[IMG]http://i8.tinypic.com/85bgj9j.gif[/IMG]</div>

    risultato:
    image





    Inserire Video Da Youtube:

    Codice:
    CODICE
    <embed src="LINKYOUTUBE?fs=1&hl=it_IT&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowfullscreen="true" width="350" height="200">


    Esempio:
    (FILE:www.youtube.com/v/RgU4D9UxbrU?fs=1&...color2=0x54abd6)

    P.S.Sostituite a width="350" & ad height="200" i valori che volete ^^




    Altri HTML:

    CODICE
    <div style="border: 4px double #00CCFF; width: 400px;">Inserisci qui la firma</div>


    Inserisci qui la firma


    Puntatori



    Crosshair


    Help


    Move


    Pointer


    Wait


    CODICE
    <div style="cursor: NOME_PUNTATORE">TESTO</div>


    Angoli arrotondati

    CODICE
    <div style="PADDING-RIGHT: 6px; PADDpx; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; WIDTH: 350px; LINE-ING-LEFT: 6HEIGHT: 8px; PADDING-TOP: 6px; BACKGROUND-COLOR: #000066; TEXT-ALIGN: left; -moz-border-radius: 11px">Scrivi qui</div>


    Scrivi qui


    PROFILO



    Aggiunta al profilo
    Posizione: Interessi

    CODICE
    <br><br><tr><td><b>Campo</b><td class="bottomborder" style="border-bottom:0">Scritta<br>


    Aggiunta stringa in alto al profilo
    Posizione: Interessi

    CODICE
    <div style="background-color:lightblue;border:1px solid blue;color:black;text-align:center">Testo Wgi</div>


    Nascondere Profilo
    Posizione: Interessi

    CODICE
    </table></table></table><table style="display: none;"><tr><td><table width="100%" cellpadding="6" cellspacing="1"></h></h><br>


    Aggiungere campo Profilo
    Posizione: Interessi

    CODICE
    </table><table width=100%><tr><td class=title2 colspan=2 align=center>titolo:</td></tr><tr><td align=center>quello che volete</br></td>


    Nascondere l'immagine "MP" nel profilo --> La funzione "MP" verrà rimossa a tutti i membri del forum.

    Posizione: Gestione Immagini--->(P_MSG)
    CODICE
    <i></i>



    Guida creata da me,vietata la copia parziale o totale (Guida sotto ©) .
     
    Top
    .
  2.  
    .
    Avatar


    Group
    Legend
    Posts
    10,130
    Tfol Points
    +51
    Location
    Konoha

    Status
    Offline

    Bravissimo Kyurem :si:

     
    Top
    .
  3.  
    .
    Avatar

    z7qXs

    Group
    Member
    Posts
    7,441
    Tfol Points
    +72
    Location
    Konoha~

    Status
    Offline

    Bravo xD



     
    Top
    .
  4.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    4,082
    Tfol Points
    0
    Location
    Villaggio della Foglia

    Status
    Anonymous

    :o.o: Bravissimo, in questo periodo avevo proprio voglia di imparare qualcosa di più sugli HTML, davvero grazie!
     
    Top
    .
  5.  
    .
    Avatar

    z7qXs

    Group
    Member
    Posts
    7,441
    Tfol Points
    +72
    Location
    Konoha~

    Status
    Offline

    Già,adoro sta scritta :3
     
    Top
    .
  6.  
    .
    Avatar


    Group
    Legend
    Posts
    10,130
    Tfol Points
    +51
    Location
    Konoha

    Status
    Offline

    Vergil ma questi sono solo semplici effetti XD

    l'HTML vero e proprio è leggermente più complicato :si:

    Ma impararlo non è difficile ;)
     
    Top
    .
  7.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    4,082
    Tfol Points
    0
    Location
    Villaggio della Foglia

    Status
    Anonymous

    è comunque un aiuto :si:
    Comunque sapevo che c'è dell'altro.
     
    Top
    .
  8.  
    .
    Avatar

    Peace & Love

    Group
    Member
    Posts
    684
    Tfol Points
    0
    Location
    Lorem ipsum dolor sit amet

    Status
    Anonymous

    Bravissimo, ottima guida ^^
     
    Top
    .
  9. Gengo97
     
    .

    User deleted



    sono commosso :3 grande :3
     
    Top
    .
  10. ->Andrea28<-
     
    .

    User deleted



    *Troppo bello! xD*
     
    Top
    .
  11.  
    .
    Avatar

    aggiungetemi su msn lorenzo_fraboni@hotmail.it

    Group
    Member
    Posts
    493
    Tfol Points
    0
    Location
    Marche Italia (AN)

    Status
    Offline

    *GRAZIE* image
    E BELLISIMO
    :)
     
    Top
    .
10 replies since 13/3/2011, 23:49
 
.