1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Ajuda com flash

Discussão em 'Web Development' iniciada por vascorama, 9 de Março de 2009. (Respostas: 7; Visualizações: 638)

  1. vascorama

    vascorama Power Member

    Boas, vou meter um link porque não sei demonstra-lo doutra forma, se acharem pub eu retiro...

    Queria saber como fazer isto:

    http://infernet.moonspell.com/#news

    se deixarem aberto alguns segundos, aparece um flash a ocupar o ecrã todo, mas fica "por trás", ou seja, o rato funciona na mesma como se nada se estivesse a passar...
    Não sei explicar melhor mas acho que dá para perceber, se puderem ajudar agradecia.
    Cumpz
     
  2. eralha

    eralha Power Member

    isto é um flash com largura e altura a 100% e os objectos no flash vao-se adaptando ao tamanho da janela, para fazeres isto tens de saber qq coisa de action script.
     
  3. vascorama

    vascorama Power Member

    Sim, mas a minha dúvida é mesmo como se faz para ele ficar por "detrás" do resto do site, porque se reparares, mesmo quando está a passar o tal flash tens controlo do rato de tudo o resto...
    Cumps
     
  4. Totoro

    Totoro Folding Member

    Eu penso que basta a animação estar numa layer abaixo da principal. Além de que a animação nada interfere com a navegação pois é só isso mesmo, animação.
     
  5. eralha

    eralha Power Member

    ya a animação de fundo tem um index menor que os conteudos por isso vez por baixo, mas tambem podes fazer uma animação em flash e metela por traz de conteudos HTML, com DIV´s posicionamento absoluto e z-index.
     
  6. .:vega:.

    .:vega:. Power Member

    Todo o site tá feito em flash, simplesmente tem animações a passar no background, ao invés de ter uma imagem fixa....
     
  7. vascorama

    vascorama Power Member

    É isso que pretendo saber, tens algum exemplo aí à mão?
     
  8. eralha

    eralha Power Member

    Código:
    <html>
    <head>
        <title>Divs</title>
    </head>
    <body>
    <style>
    /*Expression: fixa o div background ao topo do browser*/
        * html div#mainBackground{
            position: absolute;
            width:100%;
            height:100%;
            top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
        }
    .backgroundOverLay{width:200;height:200;background-color:#00FFFF;text-align:center;position:absolute;z-index:1;}
    </style>
    <div class="backgroundOverLay">
        este ta por cima
    </div>
    <!-- BackGround -->
    <div class="mainBackground" id="mainBackground"><img src="/images/common/fundo_val.jpg" width="100%" height="100%"></div>    
    <!-- FIM BackGround -->
    </body>
    </html>
    
    tenta
     

Partilhar esta Página