Gracias de antemano
Os dejo el código debajo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript" src="jquery-1.5.2.min.js"></script>
<style type="text/css">
/* Determina el fondo transparente cuando se muestra la previsualizacion */
#layerPreview {position:absolute;z-index:1;display:none;top:0px;left:0px;width:100%;height:100%;background-color:#fff;
opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);-khtml-opacity: 0.8;
}
/* Determina la capa que aparecera centrada */
#layerPreviewContent{position:absolute;z-index:1;display:none;background-color:#fff;left:50%;
width:760px;
margin-left:-350px;
height:300px;
padding:2px;border:1px solid;
}
</style>
<script type='text/javascript'>
/**
* Funcion que muestra las capas
*/
function layer_show()
{
/* Ponemos los atributos de posicion a la capa transparente del fondo */
$('#layerPreview').attr("style", "top:0px; height:"+$(document).height()+"px; width:"+$(window).width()+"px; display:inline;");
/* Buscamos la posicion superior de la capa que aparece centrada.
La anchura y la posicion centrada se establece en el estilo */
var posTop=(($(window).height()/2)-(200/2))+$(document).scrollTop();
if(posTop<0)
posTop=0;
$('#layerPreviewContent').attr("style", "top:"+posTop+"px;");
/* Indicamos que se muestre la capa */
$('#layerPreviewContent').show(600);
}
/**
* Funcion que esconde las capas
*/
function layer_close()
{
$('#layerPreviewContent').hide(300);
$('#layerPreview').hide();
}
</script>
</head>
<body>
<!-- En el momento que se pulse sobre la capa transparente se cerrara -->
<div id="layerPreview" ></div>
<div id='layerPreviewContent'>
<!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
<div style='width:100%;text-align:right;border-bottom:2px solid;'><span onclick="layer_close();" style='cursor:pointer;padding-right:5px;'>cerrar</span></div>
<b>Las</b> asociaciones de madres y padres de alumnos son las entidades que se encuentran mejor situadas dentro de la comunidad educativa para impulsar actuaciones de prevención de las adicciones y otros trastornos asociados al consumo de alcohol y otras drogas. </br>
<b><text-align:center>Facilitar</b> la puesta en marcha de estas actividades en sus centros educativos es una de las estrategias mas eficaces en su función de asistir a madres y padres en el empeño de ofrecer a sus hijos una formación integral para su optimo desarrollo personal y social.</br>
<b>Adiados</b> ofrece a las AMPAS convenios de colaboración diseñados específicamente para cubrir las necesidades de cada comunidad educativa adaptando sus actuaciones a las necesidades y posibilidades de cada una de las asociaciones interesadas
</br> <A HREF="https://docs.google.com/forms/d/1VN1h3hHPum1q1UW0YjjH4ZzjRRb7_6u"> CONTACTA CON NOSOTROS</A>
</div>
<div onclick='layer_show();' > <div style="cursor: pointer;color:white;background:-moz-linear-gradient(top,#0066ff,#0000cc);background:-webkit-linear-gradient(top,#0066ff,#0000cc);background:-ms-linear-gradient(top,#0066ff,#0000cc);width:100%;border-radius:10px;text-align:center;padding:10px;box-shadow: #00f 5px 5px 10px;text-shadow: #fff 2px 2px 3px" ;>CHARLAS PARA PADRES</div>
</body>
