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

Alguem sabe???

Discussão em 'Web Development' iniciada por FredAsterr, 30 de Setembro de 2008. (Respostas: 2; Visualizações: 498)

  1. FredAsterr

    FredAsterr Power Member

    Alguem sabe fazer como aparece no site da mtv http://www.mtv.pt/homepage/index.aspx aparecer um banner de publicidade "por cima de tudo" z-index = 999 ... e depois um botao fechar para apagar a pub....

    Cumps
     
  2. alfinete

    alfinete Power Member

    isso deve ser mais ou menos assim

    crias uma div , com a bonecada que queres qie apareça com style display:none.

    depois com uma função javascript

    para chamar em onload no body ...


    Código:
    
        function link()
         {
         document.getElementById('light').style.display='block';
         document.getElementById('fade').style.display='block';
       
         }
         
         function tabela()
         {
         document.getElementById('light').style.display='none';
         document.getElementById('fade').style.display='none';
        
         }
    
    
    fazendos <body onload="javascript:link()">


    e na cruz do feixo da mesma fazes onclick="javascript:ink();"



    a div onde fazes a bonecada

    Código:
     <div id="light" class="white_content">
    </div>
    
    
    
    tens de criar uma class white_content ou con outro nome com tranaparencia no css

    do tipo

    Código:
    .white_content 
    {
     display: none;
     position: absolute;
     top: 8%;
     left: 30%;
     width: 60%;
     height: 82%;
     padding: 16px;
     background-color:transparent;
    
     z-index:1002;
     padding: 16px;
    
    }    
    
    e mais uma div

    Código:
        <div id="fade" class="black_overlay">
        </div>
    
    
    

    e mais uma classe black_overlay no css


    Código:
    
      .black_overlay
     {
         border:solid 1px black;
         display:none;
         position:absolute;
         top: 0%;
         left: 0%;
         width: 101.5%;
         height: 100%;
         background-color:Black;
         z-index:1001;
         -moz-opacity: 0.6;
         opacity:.60;
         filter: alpha(opacity=60);
     }
    
    
    espero que tenha ajudado

    caso tenhas duvidas adiciona

    que eu arranjo algo feito

    não posso agra arranja pois tenho de fazer algumas alterações ...

    não te o posso arrankar tdo
     
    Última edição pelo moderador: 2 de Outubro de 2008
  3. FredAsterr

    FredAsterr Power Member

    Muito obrigado vou testar depois causo tenha alguma duvida falo contigo ;)
     

Partilhar esta Página