html

« Older   Newer »
  Share  
view post Posted on 3/6/2008, 20:02


Group:
founder
Posts:
2,428
Location:
Catania

Status:


Ecco una guida ai codici HTML

Testo in grassetto:

CODICE
<b>Testo</b>


Esempio: Testo Grassetto




Testo in corsivo:

CODICE
<i>Testo</i>


Esempio: Testo in corsivo




Testo Sottolineato:

CODICE
<u>testo</u>


Esempio: testo sottolineato




Testo Barrato:

CODICE
<s>testo</s>


Esempio: Testo barrato




Testo con diversa dimensione:

Ci sono diverse dimensioni!
Testo Piccolo:
CODICE
[size=1] testo[/size]


Esempio: Testo Piccolo

Sostituite l' " 1 " con " 7 " e " 14 " per avere testi Medi e Grandi.




Cambiare carattere al testo:


Arial
CODICE
[font=Arial]testo[/font]


Esempio: Testo a carattere Arial

Courier
CODICE
[font=Arial]testo[/font]


esempio:testo a carattere Courier

Sostituisci " Arial " con: Times , Courier , Impact , Geneva e Optima per avere diversi caratteri.




Come centrare un testo:

Ci sono 2 code:
CODICE
<center> testo </center>

CODICE
<p align="center">testo</p>


Esempo:
Testo centrato


inserire "right" al posto di "center" se si vuole metterlo a destra




Come fare le scritte scorrevoli:

CODICE
<marquee>Inserisci qui testo</marquee>


Esempio: Scritta scorrevole




scritte scorrevoli a direzione e velocitą variabile:

Scritta scorrevole verso sinistra:
CODICE
<marquee direction="left" scrollAmount=7 height="40" width="80%">testo</marquee>


Esempio:
Scritta scorrevole verso sinistra

Modificate "left" con: right (per scorrere a destra) "up" (per scorrere in sopra) , "down" (per scorrere in basso)

Modificate il numero dopo scrollAmmount= per variare la velocitą del testo. Ecco un esempio di una scritta a cui sono state modificate velocitą e direzione:


Scritta lenta , direzione "up"




Scritta lampeggiante

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


Esempio:testo




Come fare una scritta scorrevole "impazzita" :

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


Esempio:
Scritta scorrevole impazzita




Come fare una scritta rimbalzante:

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


Esempio:
Testo rimbalzante




Come allineare il testo a destra / sinistra / centro / giustificato:
CODICE
<p align="left">testo</p>

Esempio:

Testo allineato a Sinistra



Sostituite a " left " : " right " , " center " o " justify " a seconda di dove volete allineare la scritta.




Come inserire un link:

Ci sono 2 modi:
CODICE
<a href="http://www.inserisciqui il sito.it">*Inserisci qui il testo*</a>

CODICE
[URL=http://www.inserisci qui il sito.it]*Inserisci qui il testo*[/URL]


Si puo mettere un immagine al posto del testo




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]





Come inserire un area di testo :

CODICE
<textarea>*Inserisci qui il testo*</textarea>


Esempio:






Menł a tendina:

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


Sostituire i numeri per modificare le opzioni.

Esempio:






Messaggio con descrizione:
CODICE
<acronym title="inserisci qui la descrizione">*Inserisci qui il testo*</acronym>


Esempio:

Tieni fermo il mouse su questo messaggio per visualizzare la descrizione.




Bottone intorno al testo:

CODICE
<button> *Inserisci qui il testo </button>


Esempio:




Inserire un linea di divisione:
Code molto semplice.Inserite
CODICE
<hr>
dove volete che si divida il post.

Esempio:

Ciao.


Ciao.




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>


*Inserisci qui il testo*





Codici colori HTML




ATTENZIONE:I prossimi code HTML possono essere visualizzati soltando dal browser Internet Explorer




Alone intorno al testo:

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


Esempio:
Testo con Alone


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



Testo al contrario (orizzontale):

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


Esempio:
testo al contrario





Testo al contrario (Verticale) :

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


Esempio:
testo al contrario





Testo con ombra

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


Esmpio:
testo con ombra





Testo con ombra proiettata

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


Esempio:
testo con ombra





Ora dei codici per modifcare il profilo e la firma:




Inserire un immagine nel profilo

CODICE
<img src=indirizzo immagine width="148" height="44">





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&#37; 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)">





Guida scritta da: forumfree

 
Web  Top
0 replies since 3/6/2008, 20:02   62 views
  Share