Codici HTML

« Older Newer »

†Bubiz†

Posted on 6/10/2008, 22:35

Una buona guida all'HTML che può servire d'aiuto a tutti:

-Testo in grassetto:

CODICE

<b>Testo</b>

Esempio

-Testo in corsivo:

CODICE

<i>Testo</i>

Esempio

-Testo sottolineato:

CODICE

<u>Testo</u>

Esempio

-Testo di dimensioni diverse:

CODICE

[size=5]Testo[/size]
(Con numeri da 1 a 14)

Esempio

-Testo con font diverso:

CODICE

[font=Optima]Testo[/font]
(disponibili altri 5 font preimpostati e quelli che aveva nel vostro pc, purchè mettiate il nome corretto)

Esempio

-Come centrare il testo:

CODICE

<p align="center">Testo</p>
(Sostituire "center" con "left" e "right" per centrare rispettivamente a sinistra e a destra o "justify" per giustificarlo)

CODICE

<p align="right">Esempio</p>

Esempio

-Capolettera:

CODICE

<div style="float: left; margin-right: 10px">Capolettera</div>

CODICE

<div style="float: left; margin-right: 10px">[size=14]E[/size]</div>sempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio

sempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio, esempio

-Come andare a capo:

CODICE

<br>

CODICE

Ad<br>esempio

Ad
esempio

-Come inserire una linea di separazione:

CODICE

<hr>

Questa:

-Come fare le scritte scorrevoli:

CODICE

<marquee>Testo</marquee>

Esempio

-Come modificare le scritte scorrevoli:

CODICE

<marquee direction="up" scrollAmount=5 height="40" width="80%">Testo</marquee>
(Direction: inserisci Up, Down, Left, Right per variare la direzione; scrollAmount: cambia il numero per variare la velocità dello scorrimento; height & width: per variare le dimensioni del box all'interno del quale si muove la scritta)

Esempio

-Testo barrato:

CODICE

<s>testo da barrare</s>

~~Esempio~~

-Teso lampeggiante:

CODICE

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

Esempio
oppure
Esempio

-Scritta con movimenti bizzarri:

CODICE

<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Testo</marquee></marquee>

Esempio

-Scritta "rimbalzante":

CODICE

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

Esempio

-Come inserire un link:

CODICE

Metodo per forum:
[url=Link]Testo o Immagine[/url]
Esempio: [url=http://shinobinarutogdr.forumfree.net]Shinobi Naruto GDR[/url]

Metodo per code:
<a href="Link">Testo o Immagine</a>
Esempio: <a href="http://shinobinarutogdr.forumfree.net">Shinobi Naruto GDR</a>

Shinobi Naruto GDR

CODICE

Esempio con Immagine:
<a href="http://shinobinarutogdr.forumfree.net/"><img src=http://img381.imageshack.us/img381/9632/senzatitolo1eu8.gif></a>

-Come inserire le immagini:

CODICE

Metodo per forum:
[img]Link immagine[/img]

Metodo per code:
<img src="Link immagine">

Esempio:

-Vari tipi di lista:

CODICE

<ul type="disc">
<li>Prima voce di menu</li>
<li>Seconda voce di menu</li>
<li>Terza voce di menu</li>
</ul>

Ecco

come

viene(con disc)

Ecco

come

viene(con circle)

Ecco

come

viene(con square)

-Come inserire un box di testo:

CODICE

<textarea>Testo</textarea>

-Come fare il menù a tendina:

CODICE

<select>
<option value="1">Testo 1</option>
<option value="2">Testo 2</option>
<option value="3">Testo 3</option>
</select>

-Scritta con descrizione:

CODICE

<acronym title="inserisci qui la descrizione">Testo</acronym>

Esempio (tieni il cursore sopra questa scritta per leggere il messaggio)

-Testo su bottone:

CODICE

<button>Testo</button>

-Minitabella:

CODICE

<div style="width: 130px; background-color: *Inserisci qui il colore dello sfondo*; border: 1px solid #ffffff; font:7pt; color: #9F9F9F">Testo</div>

Questo è l'esempio in giallo

-Inserire una sfondo con contorno:

CODICE

<fieldset style="border: 3px double white; background-color:black"><legend>Ttitolo</legend>Testo</fieldset>

Ecco un EsempioVi piace?

-Alone intorno al testo (solo su internet explorer):

CODICE

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

Esempio

-Testo al contrario (verticale) (solo su ie):

CODICE

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

Esempio

-Testo con ombra (solo su ie):

CODICE

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

Esempio

-Testo con ombra singola per lettera (solo su ie):

CODICE

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

Esempio

-Tabella dei colori: clicca qui

-Scritta in alto:

CODICE

Esempio<sup>TM</sup>

Esempio^TM

-Scritta in basso:

CODICE

Esempio<sub>TM</sub>

Esempio_TM

Code by Zio Bub. Vietata la copia intera o parziale.

Altri codici by Kharis:

Scroll

Lalallala
Guarda che bella scrollbar che sono :O
Oooh, affascinante
Ok, basta.
Smetto xD
;D

Codice:

CODICE

<div style="width: 430px; height:60px; overflow: auto">Lalallala
Guarda che bella scrollbar che sono :O
Oooh, affascinante
Ok, basta.
Smetto xD
;D</div>

Link colorato

Firma

CODICE

[URL=link][COLOR=DD0093]Firma[/URL][/COLOR]

Testo sopra ad un altro

QUI METTI IL TESTO CHE VUOI SOTTO XD
qui quello che vuoi sopra

CODICE

<p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">QUI METTI IL TESTO CHE VUOI SOTTO XD</font>
<font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">qui quello che vuoi sopra</font></p>

Cursore in firma

Contenuto della firma...

CODICE

<div style="cursor: Crosshair">
Contenuto della firma...
</div>

Testo con a fianco l'immagine