Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: anonimo12121 en 30 Noviembre 2012, 19:17 pm



Título: [Duda] Como hacer que aparezca una capa en la web.
Publicado por: anonimo12121 en 30 Noviembre 2012, 19:17 pm
Buenas quería saber si me podeís decir como se hace esto que esta aquí debajo es es como una especie de ventana que aparece en la web y se puede cerrrar dandole la opción corespondiente de la capa que aparece.(http://i48.tinypic.com/8vwvpi.png)


Título: Re: [Duda] Como hacer que aparezca una capa en la web.
Publicado por: #!drvy en 30 Noviembre 2012, 19:34 pm
Hola,

Se hace con una capa oculta que tiene position:absolute/fixed; y luego se muestra/oculta mediante javascript.

Código
  1. <!doctype html>
  2. <meta charset="utf-8">
  3. <title>Capa</title>
  4.   #capa {
  5.      /* Posicion absoluta para que se superponga a los demas elementos */
  6.      position:absolute;
  7.      width:100%;
  8.      height:100%;
  9.      background:#000;
  10.      /* hacerla oculta por defecto */
  11.      visibility:hidden;
  12.      padding:5px;
  13.      top:0px;
  14.      left:0px;
  15.      color:#FFF;
  16.   }
  17.   // Buscamos el elemento con ID "capa" y le damos visibilidad = visible.
  18.   var activar_capa = function(){document.getElementById('capa').style.visibility = 'visible';}
  19. </head>
  20.   <div onclick="activar_capa();">Activar capa</div>
  21.   Algun texto raro.... xD
  22.   <div id="capa">
  23.      Este texto esta dentro de la capa... xD
  24.   </div>
  25. </body>
  26. </html>

La puedes personalizar muchísimo mas pero es mas o menos para que veas como va la cosa xD

PD: Ya no te veo por el skype ¬¬

Saludos


Título: Re: [Duda] Como hacer que aparezca una capa en la web.
Publicado por: anonimo12121 en 30 Noviembre 2012, 23:41 pm
(http://i45.tinypic.com/2gydk54.png)

Gracias =D dios te bendiga con bitches!