[Felipe Luis]

Olá pessoal,

Estou com uma duvida de como fazer um fundo "parecer infinito"

Bom, eu tenho um site feito em flash para os padroes de 1024x768 px (ele mede pouco menos que esse tamanho) vou centraliza-lo no meio da tela.

Em uma resolução de 1024x768 nao terei margem (ou seja, o site sera visto "full"), ja em uma resolução maior gostaria que com esse fundo que vou criar, o site parecesse que é ajustavel ao tamanho da tela. (Não é um caso de layout liquido, eu somente quero o fundo se adeque a tela do usuario. O conteudo sera fixo e ficara no meio)

Um exemplo do que estou falando é o Vela Shape

Esse site foi feito em flash e com tamanho para 1024x768. Ja o seu fundo simula um "degrade" que da a impressao que o site foi feito para qualquer resolução.

Entao como fazer essa simulação?

Obrigado,
[]'s
Felipe Machado

[Rodrigo Pixel]

Se você não quer "layout liquido", pode haver outras técnicas de ter efeito parecido pro usuário, segue um que conheço no momento pra esse objetivo:

1- Adicionar seu swf no html como transprent(wmode = "transparent");
2- Seu swf deve ser ajustado 100% em largura e altura, por padrão todo seu swf(stage) é ajustado no centro(não importa resolução do usuário).
3- No html você pode adicionar uma imagem de backgroung que repete apenas no eixo x(isso fará ajustar imagem no tamanho do browser do usuario). Por isso, o swf deve ser adicionado como transparent no html pra o usuário conseguir ver o fundo com imagem repetida no eixo x. Você pode fazer no eixo Y ou nos 2 eixos se quiser, depende do seu objetivo. Procure sobre propriedade CSS background-repeat
http://www.w3schools.com/css/pr_background-repeat.asp

4- Importante é se você quer deixar seu swf 100% em largura e altura no browser, no seu swf você deverá dar um comando pra evitar que o conteúdo mude de escala quando a tela do usuário for menor ou maior que o stage do swf:

Insere o comando no 1º frame, ou na sua classe principal do site.
AS2:

CÓDIGO

Stage.scaleMode = "noScale";

AS3:

CÓDIGO

stage.scaleMode = StageScaleMode.NO_SCALE;

5- Se quiser pode usar o javascript swfObject pra adicionar seu swf no html. Geralmente funciona melhor e te dá melhor controle.
http://code.google.com/p/swfobject/

Tutoriais sobre swfobject que você acha na net:
Embedding Flash with SWFObject 2.0 http://www.gotoandlearn.com/play?id=77
http://andregs.blogspot.com/2006/09/swfobj...o-do-flash.html



Agora, se quer animar os objetos na tela quando ajustar o tamanho do browser. Isso será layout liquido. E terá que ter alguns ajustes diferentes pra acontecer.
Procure no fórum sobre eventos onResize/AS2 ou Event.RESIZE/AS3:
http://www.mxstudio.com.br/forum/index.php...3&hl=resize

Artigos do genero:
http://www.flashpedia.com.br/2009/09/swfob...-e-fullbrowser/

Help Flash
AS2 http://help.adobe.com/en_US/AS2LCR/Flash_1...t=00001541.html
AS3 http://help.adobe.com/en_US/AS3LCR/Flash_1...ent.html#RESIZE

Abraço.

[ubi_rj]

Complementando o que o meu ilustre coleta Rodrigo falou...

Você também pode colocar um MovieClip de fundo e programar para que somente ele se ajuste ao tamanho da tela, centralizando sempre o "miolo".

Abraço !

[Felipe Luis]

Cara (Rodrigo Pixel), mais explicado que isso só se você desenhasse. Segui os passos que você colocou no post e deu tudo certo. Muito obrigado pelas dicas. Valeu mesmo.

ubi_rj, obrigado pela dica tambem.

[]'s
Felipe Machado

[cortez]

mais e se eu estiver criando um site com layout liquido como eu faço?

tipo para a imagem se ajustar ao site assim como os menus e etc...

igual a este site: http://www.triton.com.br/inverno10/ | Visite Meu Site

note que se vc minimizar o site e ficar mexendo no tamanho dele a imagem acompanha, e exatamente isto que eu gostaria de fazer.

desde agora muito obrigado!

abraxxx!