Foros del Web - Ver Mensaje Individual

doword · #4 (**permalink**) 28/01/2012, 16:19

codigo HTML....

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
* {
    padding:0;
    margin:0;
    color:red;
}
#fondo-oscuro {
    background:url(http://miaguilaroja.com/portada/img/bg-emerge.png);
    height:100%;
    width:100%;
    position:absolute;
    z-index:2;
    left:0px;
    top:0px;
}
#cotenido {
    width:500px;
    background:#00F;
    margin:50px auto 0 auto;
}
</style>
<script type="text/javascript">
function show_form1() {
    document.getElementById('fondo-oscuro').style.display='block';
}
function hide_form1() {
    document.getElementById('fondo-oscuro').style.display='none';
}
</script>
</head>
 
<body>
<!-- fondo oscuro-->
<div id="fondo-oscuro" style="display:none;">
 
<div id="cotenido">
<p>prueba, del texto!</p>
 
<p style="text-align:center !important;"><a href="#" onclick="hide_form1()">cerrar</a></p>
</div>
</div>
<!-- termina fondo oscuro-->
 
 
<p>hola como estas?</p>
<p><a href="#" onclick="show_form1()">¡CLIC AQUI!</a></p>
</body>
</html>

funciona de la sig manera...

ya esta establecido que "fondo-oscuro" no se vera, pues y cuando hagas y podras ver 2 funciones que son "show_form1()" y "hide_form1()" cada una ya se explica como funciona por su propio nombre...

si tienes preguntas dime y juega un poco con el codigo para que lo entiendas...