[Hi5-Tutorial] Codigos para personalizar texto

[Anselmo Baptista]

Códigos para personalizar texto

Alterar Tipo, Cor e Tamanho


Código base:

Código: [Seleccione]

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

Código: [Seleccione]

<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: [Seleccione]

<strong>TEXTO</strong> ou

Código: [Seleccione]

<b>TEXTO</b>
Texto sublinhado:

Código: [Seleccione]

<u>TEXTO</u>
Texto em itálico:

Código: [Seleccione]

<i>TEXTO</i>
Texto rasurado:

Código: [Seleccione]

<s>texto</s>
Texto reduzido:

Código: [Seleccione]

<tt>TEXTO</tt>


Alinhar texto:

Alinhar ao centro:

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

<p align=justify>TEXTO</font>


Outros


Criar efeito "hover" num link com texto:

Código: [Seleccione]

<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: [Seleccione]

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

Código: [Seleccione]

<marquee direction="left">TEXTO</marquee></a>

Texto a deslizar ( alternado na horizontal)

Código: [Seleccione]

<marquee behavior="alternate">TEXTO</marquee></a>

Texto a deslizar ( de cima para baixo )

Código: [Seleccione]

<marquee direction="down">TEXTO</marquee></a>

Texto a deslizar ( de baixo para cima )

Código: [Seleccione]

<marquee direction="up">TEXTO</marquee></a>

Texto a deslizar ( alternado na vertical)

Código: [Seleccione]

<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: [Seleccione]

<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: [Seleccione]

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

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

Código: [Seleccione]

<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: [Seleccione]

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

Texto em "onda"

Código: [Seleccione]

<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: [Seleccione]

<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: [Seleccione]

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

Colocar Texto em "caixa" drop down

Código: [Seleccione]

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

By: PunkeCas




Outros tópicos úteis relacionados com o hi5:

[Hi5-Tutorial] O que é o ID?
[Hi5-Tutorial] Códigos, Truques e Dicas para o Hi5
[Hi5-Tutorial] Códigos para Personalizar Hi5
[Hi5-Tutorial] Códigos para personalizar texto
[Hi5-Tutorial] Códigos para Ocultarem itens
[Hi5-Tutorial] código para fazerem secções
[Hi5-Tutorial] Como colocar uma imagem de fundo
[Hi5-Tutorial] Cursores
[Hi5-Tutorial] Efeitos para imagens
[Hi5] Links úteis do hi5

Videos do Youtube a Reproduzir automaticamente
Colocar Imagens no Hi5 ou noutros sites

Qual o teu hi5?
Hi5 Submundos