ForumCommunity

Vari codici HTML, Utility per postare

« Older   Newer »
  Share  
Dark Roxas
view post Posted on 10/8/2008, 14:37




Ecco qualcosina di HTML, utile soprattutto se si vuol dare dei certi effetti ai testi e non si sa come si fa, non è comunque indispensabile da sapere.

Andare a capo:

CODICE
<br>


Inserire una linea di separazione:

CODICE
<hr>


Testo in apice:

CODICE
E=mc<sup>2</sup>


Risultato: E=mc2

Testo in pedice:

CODICE
H<sub>2</sub>O


Risultato: H2O

Scrivere in corsivo:

CODICE
<i>corsivo</i>


Risultato: corsivo

Scrivere in grassetto:

CODICE
<b>grassetto</b>


Risultato: grassetto

Scrivere sottolineato:

CODICE
<u>sottolineato</u>


Risultato: sottolineato

Scritta barrata:

CODICE
<strike>barrato</strike>


Risultato:barrato

Centra una scritta/immagine/video ecc:

CODICE
<center>scritta</center>


Risultato:
scritta


Paragrafo:

CODICE
<p>paragrafo</p>


Sposta a destra una scritta/immagine/video ecc:

CODICE
<p align="right">scritta</p>


Risultato:

scritta



Colorare una parola o una singola frase:

CODICE
<font color="nome del colore in inglese in questo caso uso il blu">scritta</color>


Risultato: scritta

Scrivere un testo scorrevole verso destra:

CODICE
<marquee direction="right" >scritta</marquee>


Risultato: scritta

Scrivere un testo scorrevole verso sinistra:

CODICE
<marquee direction="left" >scritta</marquee>


Risultato: scritta

Scrivere un testo scorrevole verso su:

CODICE
<marquee direction="up" >scritta</marquee>


Risultato: scritta

Scrivere un testo scorrevole verso giù:

CODICE
<marquee direction="down" >scritta</marquee>


Risultato: scritta

Alone intorno al testo:

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


Risultato:
testo con l'alone


N.B: Dovete sostituire ai numeri presenti in filter: glow(color=000000) il colore di cui volete che sia l'alone.

Testo al contrario,verticale:

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


Risultato:
testo al contrario


Testo con ombra:

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


Risultato:
testo con ombra


Testo con ombra proiettata:

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


N.B: Dovete sostituire ai numeri presenti in filter: shadow(color=000000) il colore di cui volete che sia l'alone.

Risultato:
testo con ombra


Testo con ombra singola per lettera:

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


N.B: Dovete sostituire ai numeri presenti in filter: dropshadow(color=000000) il colore di cui volete che sia l'alone.

Risultato:
testo con ombra


Codice per fare un banner:

CODICE
<a href="link dove vuoi che porti l'immagine"><img src="link dell'immagine " border="0" alt="scritta che vuoi che appaia sul banner al passaggio del puntatore" /></a>

Mettere un Immagine
CODICE
<img src="Indirizzo Immagine">

Mettere un immagine Come Sfondo
CODICE
<body background="imgSfondo.gif">

Impostare il colore del testo per tutta la pagina
CODICE
<body text="red">

Le mappe Di immagine
Vediamo un esempio: abbiamo preso la cartina dell’Italia e – a scopo puramente didattico – abbiamo deciso di mappare la Regione Valle D’Aosta con una forma rettangolare, la Sardegna con un cerchio, e la Sicilia con un poligono (per rendervene conto passate il mouse su una di queste regioni).
Questo sarebbe il codice:
CODICE
<img alt="Esempio di immagine con mappe" src="italia.gif" width="220" height="235" border="1" usemap="#regioni">

<map name="regioni" id="regioni">

<area shape="rect" coords="14, 24, 35, 37" href="http://www.regione.vda.it/" target="_blank" alt="Valle d'Aosta">

<area shape="circle" coords="45, 156, 29" href="http://www.regione.sardegna.it/" target="_blank" alt="Sardegna">

<area shape="poly" coords="105, 199, 115, 197, 121, 200, 131, 201, 139, 198, 150, 197, 156, 195, 151, 201, 145, 209, 148, 212, 150, 219, 152, 225, 147, 227, 144, 231, 128, 221, 119, 219, 113, 212, 108, 212, 102, 210, 98, 205" href="http://www.regione.sicilia.it/" target="_blank" alt="Sicilia">

</map>


le coordinate fanno riferimento all’immagine stessa, e il vertice in alto a sinistra è l’ipotetico punto con coordinate 0,0. Le coordinate dei punti che descrivono le varie forme si riferiscono alla distanza in pixel da quel punto (si tratterà di volta in volta della x o della y).

Come si può vedere per definire un’area è necessario specificare una forma, che può essere di tre tipi:

Forma Descrizione
rettangolare

è necessario specificare alcune coordinate del rettangolo per individuare i veritici. In particolare sono da specificare (in quest’ordine):
la x del lato di sinistra
la y del lato alto
la x del lato destro
la y del lato in basso

circolare

è necessario specificare le coordinate del centro (x e y) e la misura del raggio (in pixel)
poligonali

è necessario specificare tutte le coordinate del poligono a coppie
Per ora è tutto
 
Top
Gladias (slash.93)
view post Posted on 4/11/2008, 14:59




Grandiosi!
NN c'è qll x il testo ke qnd ci passi sopra si ingrandisce, e qll per farlo illuminare?
 
Top
Dark Roxas
view post Posted on 8/11/2008, 22:39




Uhm, dovrei vedere se li trovi in giro...
 
Top
2 replies since 10/8/2008, 14:37   2649 views
  Share