GUIDA AI TAG HTML PIU' COMUNI

se volete colorare scritte o farle muovere... etc leggete qui...

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Irrelevant Cosplayer

    Group
    Administrator
    Posts
    23,518
    Location
    S.N.A. Room

    Status
    Anonymous
    Come inserire immagini prese da internet:

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


    Per prendere l'indirizzo clicca con il tasto destro sull'immagine, seleziona "proprietà", copia e incolla l'indirizzo.
    Nota: per prendere immagini dall'hard disk bisogna prima metterle su un vostro spazio web oppure bisogna allegarle: a questo scopo, potete usare il servizio fornito da http://it.tinypic.com/

    Come centrare scritte ed immagini nella pagina o nella firma:

    CODICE
    <center>immagine o scritta</center>



    Come fare le scritte scorrevoli:

    CODICE
    <marquee>scritta</marquee>


    esempio:
    CODICE
    <marquee direction="up" scrollAmount=1 height="40" width="80%">


    Direction indica la direzione dello scorrimento.
    scrollAmount la velocità
    height l'altezza del campo dove scorre il testo
    e width è la larghezza in percentuale rispetto alla larghezza totale della pagina

    Come allineare il testo a destra|sinistra|centro|giustificato(allargato su tutta la riga):

    CODICE
    <p align="left">il testo formattato</p>

    Cambiare center, left, right e justify a seconda dei casi.

    Come ingrandire un testo/cambiarne il carattere/aumentarne o diminuirne le dimensioni:

    CODICE
    <font color="red" size="5" face="verdana">testo</font>

    Cambiare red nel colore desiderato; cambiare 5 nelle dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); cambiare verdana nel nome del font desiderato.

    Come ingrandire un link testuale/cambiarne il carattere/aumentarne o diminuirne le dimensioni:

    CODICE
    <a href="http://indirizzointernet"><font color="red" size="5" face="verdana">testo</font></a>

    Cambiare http://indirizzointernet con quello che volete (esempio www.forumcommunity.net); cambiare red nel colore desiderato; cambiare 5 nelle dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); cambiare verdana nel nome del font desiderato.

    Come creare un link:

    CODICE
    <a href="http://www.tuosito.it">visita il mio sito!</a>


    Puoi sostituire la scritta con un'immagine, il risultato è sempre quello, tutto ciò che si trova fra i due tags darà un link al sito.
    TARGET: serve per fare aprire il link in un'altra finestra:

    CODICE
    <a href="http://www.tuosito.it" target="_blank">Visita il mio sito!</a>



    Come inserire un banner:
    CODICE
    <a href="http://www.tuosito.it"><img src="http://indirizzo_immagine"></a>

    E' sufficente combinare i codici per creare un link e per inserire un immagine, in questo modo.

    Testo in grassetto

    CODICE
    <b>testo in grassetto</b>


    ecco come viene

    Testo corsivo

    CODICE
    <i>testo in corsivo</i>


    Ecco come viene

    Testo sottolineato

    CODICE
    <u>testo da sottolineare</u>


    Ecco come viene

    Testo barrato

    CODICE
    <s>testo da barrare</s>


    Ecco come viene
    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]



    Inserire una musica (ATTENZIONE: è VIETATO inserire file coperti da copyright, come la maggior parte degli mp3 e dei wav)
    CODICE
    <embed src="indirizzo del file midi" autostart="True" controls="True" loop="1" type="audio/midi">

    Oppure:
    CODICE
    <bgsound src="indirizzo del file midi" loop="infinite">




    ATTENZIONE: i codici successivi funzionano SOLO con il browser Internet Explorer

    Alone intorno al testo

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

    Dovete sostituire ai numeri presenti in filter:glow(color=000000) il colore di cui volete che sia l'alone. In fondo alla pagina c'è una tabella da dove potete ricavare i codici dei colori.

    testo con l'alone

    Testo al contrario (orizzontale)
    CODICE
    <div style="width:100%;filter:fliph">testo al contrario</div>


    Attenzione all'allineamento testo!


    testo al contrario

    Testo al contrario (verticale)

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


    Anche qui occhio all'allineamento!

    testo al contrario

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


    Ricordate che un testo con ombra occupa più spazio!

    testo con ombra

    Testo con ombra proiettata

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


    Modificate sempre il codice del colore. State attenti, l'ombra va un po' sotto il testo scritto.

    testo con ombra]
    testo con ombra


    Testo con ombra singola per lettera

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


    Modificate sempre il codice del colore. State attenti, l'ombra delle lettere va sotto il testo che avete scritto.

    testo con ombra

    Gradazioni colori

    CODICE
    <div style="width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#C3CDDA,EndColorStr=#FFFFFF)">Prova gradazioni colore...
    Ciao!</div>




    Ecco i codici dei colori per essere inseriti negli stili del forum e nei codici html:
    TABELLA COLORI
     
    Top
    .
0 replies since 14/7/2016, 23:43   43 views
  Share  
.