Repetir Imagem na vertical ou horizontal

Para repetir uma imagem na vertical ou na horizontal.

Se você quiser fazer um papel de carta com um gif animado, ou com uma imagem, poderá usar um código que faz com que a imagem se repita apenas na lateral esquerda, verticalmente.

1.Abra uma nova mensagem e clique em Origem.

2.Cole entre as tags: <head> </head> o seguinte código:

----------------------------------------------------------------------------------------------------------------------------------------------------------------
<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-LEFT: 150px; BACKGROUND-REPEAT: repeat-y;}
</STYLE>----------------------------------------------------------------------------------------------------------------------------------------------------------------

3.Depois volte para "Editar"/ Formatar/Plano de Fundo/Figura(ou Imagem) e escolha um gif ou uma imagem. Observe que você vai formatar um plano de fundo e não inserir uma figura.


Se você quiser repetir a imagem na horizontal, apenas altere o "repeat-y" por "repeat-x", assim:

----------------------------------------------------------------------------------------------------------------------------------------------------------------
<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 150px; BACKGROUND-REPEAT: repeat-x;}
</STYLE>
----------------------------------------------------------------------------------------------------------------------------------------------------------------


Depois é só repetir o mesmo procedimento anterior, formatando um plano de fundo que irá se repetir na horizontal.

Exemplo: repeat-x (horizontal)

Exemplo: repeat-y (vertical)

Dica elaborada por Paulo Henrique Lomanto e Lilian Russo

Lilian Russo - Todos os Direitos Reservados - ©2002/2008




.