Guida ai tag html
A cura di Lawliet
Ecco una guida veloce ai tag html più comuni e utili alla personalizzazione dei propri post e della propria firma!
Vi ricordo che sul forum del supporto c'è un topic simile con molti altri tag che possono esservi utili, esattamente
qui!
Indice:1) Inserire un'immagine
2) Grassettare una scritta, metterla in corsivo e sottolinearla
3) Barrare una scritta
4) Centrare una scritta
5) Spostare una scritta a destra
6) Scritte scorrevoli
7) Immagini che scorrono
8) Link
9) Come inserire un immagine con un link
10) Citazioni
11) Creare una scritta lampeggiante
1) Inserire un'immagine:CODICE
[IMG]indirizzo immagine[/IMG]
Risultato: In alternativa è possibile utilizzare il tastino IMG [
] nel pannello degli strumenti.
Nel caso usiate
ImageShack [consigliatissimo] sarà sufficiente copiare pari pari il link che vi verrà dato quando caricate l'immagine, dove dice
Hotlink for forums (1).
2) Grassettare una scritta, metterla in corsivo e sottolinearla:CODICE
<b>Scritta da grassettare</b>
Risultato: Scritta da grassettareCODICE
<i>Scritta da mettere in corsivo</i>
Risultato: Scritta da mettere in corsivoCODICE
<u>Scritta da sottolineare</u>
Risultato: Scritta da sottolineare In alternativa è possibile utilizzare i tastini "B", "I" e "U" [
] nel pannello degli strumenti per grassettare, mettere in corsivo e sottolineare.
Un sistema ancora più veloce è quello di utilizzare questa sequenza di tasti:
Grassetto:-
alt + b se usate Internet Explorer
-
shift + alt + b se usate Firefox
Corsivo:-
alt + i se usate Internet Explorer
-
shift + alt + i se usate Firefox
Sottolineato:-
alt + u se usate Internet Explorer
-
shift + alt + u se usate Firefox
[Consiglio di Felix Felicis con l'aiuto di Maia]
3) Barrare una scritta:CODICE
<strike>Scritta da barrare</strike>
Risultato: Scritta da barrare4) Centrare una scritta:CODICE
<center>Scritta centrata</center>
Risultato: Scritta centrata In alternativa è possibile utilizzare il tastino "allinea in centro" [
] nel pannello degli strumenti.
Un sistema ancora più veloce è quello di utilizzare questa sequenza di tasti:
alt + c se usate Internet Explorer
shift + alt + c se usate Firefox
[Consiglio di Felix Felicis con l'aiuto di Maia]
5) Spostare una scritta a destra:CODICE
<p align="right">Scritta a destra</p>
Risultato: Scritta a destra
6) Scritte scorrevoli:Il modo più semplice per creare una scritta scorrevole è quello di utilizzare questo codice:
CODICE
<marquee>scritta scorrevole</marquee>
Risultato: E' però possibile personalizzare la scritta scorrevole secondo i propri gusti, cambiando alcune impostazioni in questo codice:
CODICE
<marquee direction="left" scrollAmount=7 height="40" width="80%">Scritta </marquee>
-
direction è la direzione ed è modificabile con i parametri
left se volete che scorra verso sinistra,
right se volete che scorra verso destra,
up per farlo scorrere verso l'alto e
down verso il basso.
-
scrollAmount è la velocità. Più è alto il valore che gli assegnate, più la scritta scorrerà veloce.
-
height l'altezza del campo dove scorre il testo [potete lasciarla così com'è].
-
width è la larghezza in percentuale rispetto alla larghezza totale della pagina [anche questa potete lasciarla così com'è].
Esempio scritta veloce verso sinistra:
CODICE
<marquee direction="left" scrollAmount=7 height="40" width="80%">Scritta verso sinistra</marquee>
Risultato: Esempio scritta lenta verso destra:
CODICE
<marquee direction="right" scrollAmount=3 height="40" width="80%">Scritta verso destra</marquee>
Risultato: Esempio di scritta che scorre verso l'altro:
CODICE
<marquee direction="up" scrollAmount=5 height="40" width="80%">Scritta verso l'alto</marquee>
Risultato: Esempio di scritta che scorre verso il basso:
CODICE
<marquee direction="down" scrollAmount=5 height="70" width="80%">Scritta verso il basso</marquee>
Risultato: Nel caso vogliate che la vostra scritta [o immagine] scorrevole sia centrata, potete applicare uno di questi tre codici:
[il primo suggerito da Paddy, il secondo da Leila]
CODICE
<marquee direction="up"><p align="center">Scorre verso l'alto al centro</p></marquee>
CODICE
<center><marquee direction="up" scrollAmount=3 height="60" width="80%">Scorre verso l'alto al centro</marquee></center>
CODICE
<div align="center"><marquee direction="up" scrollAmount=5 height="40" width="80%">Scorre verso l'alto al centro</marquee></div>
Risultato:Marquee "impazzito":
CODICE
<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Marquee impazzito</marquee></marquee>
Risultato:[Suggerimento di Andry]
Testo rimbalzante:
CODICE
<marquee behavior="alternate" width="30%">testo rimbalzante</marquee>
Risultato:testo rimbalzante[Suggerimento di Andry]
7) Immagini che scorrono:Si applica lo stesso codice del punto 6, ma al posto della scritta si mette l'indirizzo dell'immagine.
CODICE
<marquee direction="left" scrollAmount=7 height="40" width="80%">[IMG]indirizzoImmagine[/IMG]</marquee>
Risultato:Ovviamente anche qui si possono cambiare velocità e direzione seguendo le indicazioni al punto 6!
8) Link:CODICE
<a href="http://www.linkchevuoiinserire.it">Visita questo link!</a>
Risultato: Visita questo link! In alternativa è possibile utilizzare il tastino "http://" [
] nel pannello degli strumenti: una volta cliccato su "http://" si aprirà una finestrella in cui dovrete inserire l'indirizzo del link.
Cliccate su OK e scrivete ciò che preferite [ad esempio "Vai qui" o "Clicca qui"].
Cliccate di nuovo OK e il vostro link sarà pronto!
9) Come inserire un immagine con un link:CODICE
<a href="http://www.sitochevuoilinkare.it"><img src="indirizzoimmagine"></a>
Esempio:
CODICE
<a href="http://deathnotezone.forumcommunity.net"><img src="http://img149.imageshack.us/img149/7718/dnz7nv.gif"></a>
Risultato: 10) Citazioni:CODICE
[quote]Frase da citare[/quote]
Risultato: In alternativa è possibile utilizzare il tastino "quote" [
] nel pannello degli strumenti.
Un sistema ancora più veloce è quello di utilizzare questa sequenza di tasti:
alt + q se usate Internet Explorer
shift + alt + q se usate Firefox
[Consiglio di Felix Felicis con l'aiuto di Maia]
11) Creare una scritta lampeggiante:CODICE
<blink>Scritta lampeggiante</blink>
Risultato: [Suggerimento di Andry]
Edited by ~Lawliet - 26/9/2007, 21:11