Guida Ai Codici HTML

« Older Newer »

» ÐimmÃ «

Posted on 3/8/2009, 18:52

È un linguaggio che si può utilizzare nei messaggi del forum e nei pannelli amministrativi per formattare testo e immagini.

L'elemento base del linguaggio è il tag, una parola chiave racchiusa da simbolo di minore < e maggiore >
esempio:

CODICE

<br>

Spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag d'apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo <.
esempio:

CODICE

<b>testo in grassetto</b>

Elenco HTML comuni

Accapo:

CODICE

<br>

Linea:

CODICE

<hr>

Immagine:

CODICE

Collegamento a una pagina web o file:

CODICE

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

Collegamento a un punto della pagina:

CODICE

CODICE

</a>HTML
<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="30" width="70%">immagine/testo</marquee>

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

Testo scorrevole "impazzito" :

CODICE

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

Testo rimbalzante:

CODICE

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

Testo sovrapposto

CODICE

<font style="text-decoration:none; font-family: century gothic; font-size: 80px; color: FF8ED9; line-height: 35px;">Esempio</font>
<font style="text-decoration:none; font-family: georgia; color: 000000; font-size: 40px;">Esempio esempio</font>

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>

Allineamento testo a destra / sinistra / centro / giustificato:

CODICE

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

Messaggio con descrizione:

CODICE

<acronym title="inserisci qui la descrizione">*Inserisci qui il testo*</acronym>

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>

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>

Testo al contrario (orizzontale) [visibile solo da Internet Explorer]:

CODICE

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

Testo al contrario (Verticale) [visibile solo da Internet Explorer] :

CODICE

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

Testo con ombra (visibile solo da Internet Explorer)

CODICE

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

Testo con ombra proiettata (visibile solo da Internet Explorer)

CODICE

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

Testo infuocato (visibile solo da Internet Explorer)

CODICE

<div style="width:100%; filter:glow(color=CODICE ESADECIMALE)">esempio</div>

Sostituire a "CODICE ESADECIMALE" il codice esadecimale del colore, completo di #.

Lista:

CODICE

Si può cambiare disc con circle o square

Ecco

come viene

con disc

Ecco

come viene

con circle

Ecco

come viene

con square

Lista numerata:

CODICE

Ecco

come viene

la lista numerata

Area di testo testo:

CODICE

<textarea>testo</textarea>

Input:

CODICE

Menù a tendina 123:

CODICE

Pulsante testo:

CODICE

<button>testo</button>

Testo apice:

CODICE

Testo pedice:

CODICE

Iframe (includere una pagina esterna nel proprio forum):

CODICE

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>

By "supporto forumfree e forumcommunity"