Test Foro de elhacker.net SMF 2.1

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 (html4strict) [Seleccionar]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Capa</title>
<style>
  #capa {
     /* Posicion absoluta para que se superponga a los demas elementos */
     position:absolute;
     width:100%;
     height:100%;
     background:#000;
     /* hacerla oculta por defecto */
     visibility:hidden;
     padding:5px;
     top:0px;
     left:0px;
     color:#FFF;
  }
</style>
<script>
  // Buscamos el elemento con ID "capa" y le damos visibilidad = visible.
  var activar_capa = function(){document.getElementById('capa').style.visibility = 'visible';}
</script>
</head>
<body>
  <div onclick="activar_capa();">Activar capa</div>
  Algun texto raro.... xD
  <div id="capa">
     Este texto esta dentro de la capa... xD
  </div>
</body>
</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!