HTML: i codici più usati

« Older Newer »

Bangerz

Posted on 9/7/2010, 13:24

Group: Fuonder

Posts: 13,511

Reputation: +83

Status: Offline

Accapo

CODICE

<br>

Linea

CODICE

<hr>

Immagine (l'immagine deve essere online)

CODICE

Collegamento a una pagina web o file

CODICE

<a href="http://indirizzo_sito">testo</a>

Collegamento a un punto della pagina

CODICE

<a name="target"></a>
<a href="#target">testo</a>

Immagine con collegamento

CODICE

Centrare un'immagine o un testo

CODICE

<div align="center">immagine/testo</div>

Immagine o testo in movimento

CODICE

<marquee direction="up" scrollAmount=1 height="100%" width="70%">immagine/testo</marquee>

direction indica la direzione
scrollAmount indica la velocità
height indica l'altezza del campo di scorrimento
width indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina

Immagine o testo in movimento che si ferma al passaggio del mouse

CODICE

<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>

questo codice non può essere inserito nella firma

Immagine o testo in movimento che rallenta al passaggio del mouse

CODICE

<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>

Testo in grassetto

CODICE

<b>testo</b>

Testo in corsivo

CODICE

<i>testo</i>

Testo sottolineato

CODICE

<u>testo</u>

Testo barrato

CODICE

<s>testo</s>

Colore testo

CODICE

<font color="colore">testo</font>

Dimensione testo

CODICE

<font size="dimensione">testo</font>

Font testo

CODICE

<font face="font da utilizzare">testo</font>

Cambiare colore, dimensione, font ad un testo

CODICE

<font color="colore" size="dimensione" face="font da utilizzare">testo</font>

Testo con alone (visibile solo da Internet Explorer)

CODICE

<div style="width:100%;filter:glow(color=colore)">testo</div>

Testo sfumato (visibile solo da Internet Explorer)

CODICE

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

Lista

CODICE

Si può cambiare disc con circle o square

Lista numerata

CODICE

Area di testo

CODICE

<textarea>testo</textarea>

Input

CODICE

Valori del campo type:

text
password
checkbox
radio

Menu a tendina

CODICE

Pulsante testo

CODICE

<button>testo</button>

Testoapice

CODICE

Testopedice

CODICE

Iframe (includere una pagina esterna nel proprio forum)

CODICE

GUIDA CODICI HTML

Testo in grassetto:

CODICE

<b>Testo</b>

Esempio: Testo Grassetto

Testo in corsivo:

CODICE

<i>Testo</i>

Esempio: Testo in corsivo

Testo Sottolineato:

CODICE

<u>testo</u>

Esempio: testo sottolineato

Testo Barrato:

CODICE

<s>testo</s>

Esempio: ~~Testo barrato~~

Testo con diversa dimensione:

Ci sono diverse dimensioni!
Testo Piccolo:

CODICE

[size=1] testo[/size]

Esempio: Testo Piccolo

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

Cambiare carattere al testo:

Arial

CODICE

[font=Arial]testo[/font]

Esempio: Testo a carattere Arial

Courier

CODICE

[font=Arial]testo[/font]

esempio:testo a carattere Courier

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

Come centrare un testo:

Ci sono 2 code:

CODICE

<center> testo </center>

CODICE

<p align="center">testo</p>

Esempo:

Testo centrato

inserire "right" al posto di "center" se si vuole metterlo a destra

Come fare le scritte scorrevoli:

CODICE

<marquee>Inserisci qui testo</marquee>

Esempio: Scritta scorrevole

scritte scorrevoli a direzione e velocità variabile:

Scritta scorrevole verso sinistra:

CODICE

<marquee direction="left" scrollAmount=7 height="40" width="80%">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"

Scritta lampeggiante

CODICE

<marquee direction="up" scrollAmount=35 height="40" width="80%">testo </marquee>

Esempio:testo

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%">testo</marquee>

Esempio:
Testo rimbalzante

Come allineare il testo a destra / sinistra / centro / giustificato:

CODICE

<p align="left">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]

Si puo mettere un immagine al posto del testo

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]

Come inserire un area di testo :

CODICE

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

Esempio:

Menù a tendina:

CODICE

Sostituire i numeri 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

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

Ora dei codici per modifcare il profilo e la firma:

Inserire un immagine nel profilo

CODICE

Creare una minitabella negli interessi

CODICE

<tr><td class="title2" colspan="2"<br><align="center">TITLE</td></tr><tr><td valign="top" width="30%"><b></b></td><td></td></tr><td ="" valign="top"><b><br>SUBTITLE</td><td><br> TESTO<br></td></tr>

Inserire uno spazio sopra informazioni varie

CODICE

<br><td class="bottomborder"></td><div style="border:1px solid black; color:COLORE IN INGLESE;background-color:COLORE SFONDO IN INGLESE;text-align: center; margin: 10px 15% 5px;">Testo</div>

Dividere a meta il profilo e aggiungerci una parte

CODICE

</table></table><br><br><div class=skin_tbl_width style=width:100%><div class=highlight>TESTO1</a></div></div><br><br><table class=skin_tbl_width style=width:100%><tr><td><table class=skin_tbl_border><tr><td class=row1 valign=top><table width=100%><tr><td class=title2 colspan=2 align=center>TITOLO2</td></tr><tr><td align=center><b>TESTO3</b></td>

Inserire uno sfondo nella firma

CODICE

<div style="background-image:url(link immagine)"> FIRMA </div>

Guida presa da: Forumfree

<div style="background-color:#000000">

Testo Barrato:

CODICE

<s>testo</s>

esempio:

~~ciao~~

_______________________________________________________________________________________________

Scritta lampeggiante:

CODICE

<marquee direction="up" scrollAmount=35 height="40" width="80%">testo </marquee>

esempio:

ciao

_______________________________________________________________________________________________

Scritta "impazzita"

CODICE

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

esempio:

ciao

_____________________________________________________________________________________________

Scritta "rimbalzante"

CODICE

<marquee behavior="alternate" width="30%">testo</marquee>

esempio:

ciao

_____________________________________________________________________________________________

Linea di divisione:

CODICE

<hr>

Edited by Diavoli T.L.D. - 4/5/2011, 17:21

0 replies since 9/7/2010, 13:24 56 views