Efecto de pagina sobre pagina

Buenas tardes a todo el foro.

Quisiera que en mi pag web al momento de dar clic a un enlace

Código HTML :

   <a href="#aviso.php">Aviso de Privacidad</a>
      | 
      <a href="#politicas.php">Politicas de privacidad</a>
       | 
      <a href="#contacto.php">Contacto</a>

en la misma pag, saliera la ventana con el texto del aviso de privacidad y demas textos, he buscado en google como efecto pop-up o efecto de ventanas flotantes pero no me da el efecto que yo quiero.

Adjunto unas imagenes de como quisiera que respondiera mi imagen haber si me pueden orientar de como hacerlo.

Aqui en la primera imagen se muestra el estado inicial de la pag el efecto esta el el footer


Y en esta imagen pinchando al enlace "Legales" la pag inicial se pone en un segundo plano, el fondo es transparente por lo que se ve lo que esta atras de la imagen en primer plano, y se abre la pag de avisos legales.


Espero me alla explicado y me puedan ayudar con el codigo o me den una idea de como lo puedo hacer.

¿No es un pop-up de jQuery lo que necesitas?

Mira estos plugins.

Es fácil, ad una capa en position:absolute (la del fondo transparente), dentro ad la capa donde va el texto y todo eso, luego pones las capas en display:none y haces que cuando le des al botón que tu quieras se pongan las capas en display:block y ya esta, ya te aparece, (espero que no haga falta mencionar los detallitos ) te lo he dicho a groso modo, si quieres hacerte una idea de lo que te digo mírate esta web http://paginaswebcerberupo.com/miku/imagenes.html# mírate el código fuente.

No me acordaba que lo de estas imágenes lo hice a los basto con js xd de todas formas te vale.

Gracias po la referencia, más o menos te ia la idea que con css se podía hacer con capas como dices, aunque en la página donde lo vi usa javascript y no es una capa es otra hoja en php.

Puedes ver el efecto en la pag http://www.fahorro.com.mx/ esta en el footer como lo había puesto en las imágenes

Cerberupo escribió:

Esta página esta genial el efecto, algo así are muchas gracias.

Walden escribió:

Exacto waldeo eso es lo que busco, el problema con los pop-up es que si se configura el explorador para que los bloquee no salen :s ...

Como solucionó eso?...


Muchas gracias por su pronta respuesta

Esos pop-up no los bloquean los navegadores porque no son ventanas nuevas, son elementos html que se muestran y ocultan o se cambia su opacidad con jQuery. Es como el ejemplo que ha puesto Cerberupo, solo que no necesitas saber programar JavaScript.

walden escribió:

Ok muchas gracias por aclarar mi duda... Si quieren chacra mi pág. Les dejo la URL : fenixreportes homelinux.com

Apenas la empece, por lo que no tiene mucho.

Se aceptan críticas

Muchas gracias a todos