[Hi5-Tutorial] Personalizar Texto

Códigos para personalizar texto


Alterar Tipo, Cor e Tamanho


Código base:

Código:
<font face="TIPO DE LETRA" size="TAMANHO DA LETRA" color="COR DA LETRA">TEXTO</font>
exemplo:

Código:
<font face="Arial" size="5" color="#FF0000">TEXTO</font>

Códigos das cores:
http://www.w3schools.com/HTML/html_colornames.asp


Texto em negrito:

Código:
<strong>TEXTO</strong>ou
Código:
<b>TEXTO</b>
Texto sublinhado:

Código:
<u>TEXTO</u>
Texto em itálico:

Código:
<i>TEXTO</i>
Texto rasurado:

Código:
<s>texto</s>
Texto reduzido:

Código:
<tt>TEXTO</tt>


Alinhar texto:

Alinhar ao centro:

Código:
<p align=center>TEXTO</font> ou <center>TEXTO</center>
Alinhar à esquerda:

Código:
<p align=left>TEXTO</font>
Alinhar à direita:

Código:
<p align=right>TEXTO</font>
Justificar o texto:

Código:
<p align=justify>TEXTO</font>


Outros


Criar efeito "hover" num link com texto:


Código:
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color:#FF0000; font-size: 30px; }
</style>

<span class="class1">
<a href= "URL DO LINK">PALAVRA/FRASE QUE QUERESM QUE APARECA</a>
</span>


Colocar Texto em "painéis animados"


Texto a deslizar (da esquerda para a direita)

Código:
<marquee direction="right">TEXTO</marquee></a>
Texto a deslizar ( da dirieta para a esqerda )

Código:
<marquee direction="left">TEXTO</marquee></a>

Texto a deslizar ( alternado na horizontal)

Código:
<marquee behavior="alternate">TEXTO</marquee></a>

Texto a deslizar ( de cima para baixo )

Código:
<marquee direction="down">TEXTO</marquee></a>

Texto a deslizar ( de baixo para cima )

Código:
<marquee direction="up">TEXTO</marquee></a>

Texto a deslizar ( alternado na vertical)

Código:
<marquee direction="up" behavior="alternate">TEXTO</marquee></a>

Texto a deslizar, com border colorido (exemplo: da esquerda para a direita com border vermelho, #FF0000)

Código:
<marquee style="border:#FF0000 2px SOLID">TEXTO</marquee></a>

Texto a deslizar, com fundo vermelho (exemplo: da esquerda para a direita com fundo vermelho, #FF0000 e letra branca, #FFFFFF)

Código:
<font color="#FFFFFF"><marquee direction="left" style="background:#FF0000">TEXTO</marquee></font></a>

Texto em Zig-Zag(da esquerda para a direita)


Código:
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="right">TEXTO</marquee></marquee></a>

Texto em Zig-Zag alternado (da esquerda para a direita)


Código:
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="right" behavior="alternate">TEXTO</marquee></marquee></a>

Texto em "onda"


Código:
<marquee behavior=alternate direction=up scrollamount=2
scrolldelay=65 height=80
style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)">
<center>ONDA 1<br>ONDA 2</center>
</marquee></a>

Texto a "desaparecer" (alternado)

Código:
<marquee behavior="alternate"><marquee width="150">TEXTO</marquee></marquee></a>

Ajustar velocidade da passagem do texto:

adicionar ao "code" ...scrollamount="1" ... e alterar o numero consoante a velocidade q pretendem

exemplo:

Código:
<marquee scrollamount="1" direction="up" behavior="scroll">TEXTO</marquee>

Colocar Texto em "caixa" drop down


Código:
<select>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
</select>