Arte Net Débora Blóes: Pag II *Códigos HTML Para ORKUT*

Text-Shadow(com sombra)

ROSA

VERDE
<span style="color: #3DFF00; text-shadow: 3px 3px 5px #B5FF00;"><font size="5"><b> SEU TEXTO AQUI </b></font></span>

AZUL CLARO

VERMELHO

AZUL MARINHO

AZUL E AMARELO

ROSA

LILAS

PRETO

VERMELHO

*HTML PARA ORKUT*

PARA IMAGES

<*center><img src=" endereço da imagem"></Center*>

Exemplo

<*center><img src="http://lh6.ggpht.com/_Qarzj2C19qk/TR6wg5IY6aI/AAAAAAAACJ0/H0-OCRxwSBo/s800/ngn.gif"><Center*>

LEFT = esquerada

right = direira

centro= centro

justify = justificada

***************************

************************************************

MUDAR A EXTENCÃO DE PNG PRA GIF

Altera os números em vermelho

PNG

*http://lh6.ggpht.com/_Qarzj2C19qk/TR6wg5IY6aI/AAAAAAAACJ0/H0-OCRxwSBo/s400/ngn.png*

GIF

EXEMPLO

*http://lh6.ggpht.com/_Qarzj2C19qk/TR6wg5IY6aI/AAAAAAAACJ0/H0-OCRxwSBo/s800/ngn.gif

**********************************************

Aumentar ou reduzir A GIF

Exemplo

<*img border="0"src="URL da imagem"width="200"height="300*">

WIDTH= 200 é o número da LARGURA

HEIGHT= 300 número de GIF ALTURA

*************************************************

Espaço no texto

A) Negrito: <b>para dara espaço </b>

B) Italico: <i>y para dar espaço </i>

C) Sublimado: <u>para dar espaço </u>

Exemplo

<*center><font style="color:#FF3399;" face="Monotype Corsiva" size='8'><b>SEU TEXTO AQUI </font*>

************************************************

COLOR e SIZE:

1) ALINHAMENTO DE TEXTO E IMAGEM

LEFT = esquerada

right = direira

centro= centro

justify = justificada

2) Tamanho da Fonte

font size="1"

font size="2"

font size="3

3) Fontes:

font face="Courier"

font face="Comic Sans MS"

font face="Arial"

4) Color da fonte

font color="#8B1A1A"

font color="#2E8B57"

font color="#CD5C5C"

Use o TrayColor para obter as cores ou

no atributo cores, podemos utilizar as cores sugeridas pelo próprio orkut, veja algumas –aqua, blue, fuchsia ,gold, Gray, Green, lime, maroon, navy ,olive ,Orange, pink ,purple ,red ,silver ,teal Violet, yellow.

Exemplo

<*center><font style="color:#FF3399;" face="Monotype Corsiva" size='8'*>SEU TEXTO AQUI </font*>

************************************************************************

Textos Rápidos

<*small>Seu texto aqui</small*> texto pequenos

<*big>Seu Texto Aqui</big*> textos grandes

**********************************************************

Código com imagem e texto

<*center><img src="http://lh6.ggpht.com/_Qarzj2C19qk/TR6wg5IY6aI/AAAAAAAACJ0/H0-OCRxwSBo/s800/ngn.gif"><*/b>

<*center> <font size="6"> <font face="Edwardian Script ITC"><font color="#D373A5"><b> Te Amo<font*>

*****************************************************************

CÓDIGO DE BORDAS

Para fazer tudo em um só código:

<*table width='460' bgcolor=#000000 style='border: #FFC0CB 3px dotted' *>

O que esta em negrito nunca muda

1) width = largura

2) bgcolor= cor de fundo

3) border= bordas

4) Altura 3px border

5) Tipo de bordas

dotted = pontilhada

solid = sólidos

dashed= tracejada

ridge= relevo

doble = dupla

Exemplo:

<*table bgcolor=#000000 style='border: #F2C100 2px dotted'*>

<*table style='border: #F2C100 10px solid'*>

<*table style='border: #F2C100 3px dashed'*>

<*table style='border: #F2C100 3px ridge'*>

<*table width=400 style='border: #F2C100 15px double'*>

<*center> <font face= 'Verdana' color=#F2C100 size=4>SEU TEXTO AQUI</font*> <*/table></table></table></table></table*>

***************************

Giffs colocando lado a lado

(No lugar do + URL da imagem )

<*TR>

<*TD> + <*/TD><TD> + <*/TD><TD> + <*/TD>

Cabem apenas sete(7) imagens.

*********************************************************

Imagens junto com texto

Faca o texto para por a imagem

1) Esquerda

<*img src= "URL da imagem" align='left'*>

2) Direita

<*img src="URL da imagem"='right'*>

3) CENTRO

<center> direção da imagem

SEMPRE ENTRE < >

Exemplo

Te Amo <*img src="http://lh4.ggpht.com/_ljfDyu3L5bY/SRJw4yPWQ_I/AAAAAAAAAlU/O9jV_-lDZl8/s800/FelizAnoNovo.png"align="right"*>

***************************

Com imagem e fonte

<*img style='margin:5px; margin-right: 500px;' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhV3uyqmr7yaSSGZsqyPcrPGhaUMEiyZFCU3wXyIbqIRzPZ7g7XtBQ-Hz5yO6ypjVQ7o1qJKY_LbyN3If_wjxlmBSNBrAGGSQRpskbRBJGeFcFHmk-ObvU3o3tYaT7XW6myy5t8WE3UVN/s400/yahoo.jpg" align='right' /> <font face="Verdana"><font color="#0000FF" size="5"*> Te Amo

***************************

BORDA RAPIDA

<*font color="lime" size="2"*>

<*span style="font-family:Edwardian Script ITC; font-size:60"*>

SEU TEXTO AQUI

<*/table></table></table></table></table*>

**********************

Os Códigos estão com * para vizualização.
Quando forem usar retirem os *

**********************