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://www.imageshack.usCome 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
http://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 vieneTesto corsivo
CODICE
<i>testo in corsivo</i>
Ecco come vieneTesto sottolineato
CODICE
<u>testo da sottolineare</u>
Ecco come vieneTesto 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 ExplorerAlone 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