WebTuga

[Punkecas]

Codigos para personalizar texto


Alterar Tipo, Cor e Tamanho


Codigo base:
<font face="TIPO DE LETRA" size="TAMANHO DA LETRA" color="COR DA LETRA">TEXTO</font>

exemplo:
<font face="Arial" size="5" color="#FF0000">TEXTO</font>


Codigos das cores:
http://www.w3schools.com/HTML/html_colornames.asp


Texto em negrito:
<strong>TEXTO</strong> ou <b>TEXTO</b>

Texto sublinhado:
<u>TEXTO</u>

Texto em italico:
<i>TEXTO</i>

Texto rasurado:
<s>texto</s>

Texto reduzido:
<tt>TEXTO</tt>


Alinhar texto:

Alinhar ao centro:
<p align=center>TEXTO</font> ou <center>TEXTO</center>

Alinhar á esquerda:
<p align=left>TEXTO</font>

Alinhar á direita:
<p align=right>TEXTO</font>

Justificar o texto:
<p align=justify>TEXTO</font>


Criar efeito "hover" num link com texto:

<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 "paineis animados"


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

Texto a deslizar ( da dirieta para a esqerda )
<marquee direction="left">TEXTO</marquee></a>

Texto a deslizar ( alternado na horizontal)
<marquee behavior="alternate">TEXTO</marquee></a>

Texto a deslizar ( de cima para baixo )
<marquee direction="down">TEXTO</marquee></a>

Texto a deslizar ( de baixo para cima )
<marquee direction="up">TEXTO</marquee></a>

Texto a deslizar ( alternado na vertical)
<marquee direction="up" behavior="alternate">TEXTO</marquee></a>

Texto a deslizar, com border colorido (exemplo: da esquerda para a direita com border vermelho, #FF0000)
<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)
<font color="#FFFFFF"><marquee direction="left" style="background:#FF0000">TEXTO</marquee></font></a>

Texto em Zig-Zag(da esquerda para a direita)
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXTO</marquee></marquee></a>

Texto em Zig-Zag alternado (da esquerda para a direita)
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXTO</marquee></marquee></a>

Texto em "onda"
<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)
<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 consuante a velocidade q pretendem

exemplo:

<marquee scrollamount="1" direction="up" behavior="scroll">TEXTO</marquee>


Colocar Texto em "caixa" drop down

<select>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
</select>






em construção