Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-12-2009, 04:04 (UTC)    
Título del mensaje: [Código Javascript] Ventana de aviso por 20 segundos

Ventana de aviso por 20 segundos

Les dejo un muy buen código que una ventana pop up que te permitirá poner un mensaje al usuarios el cual durara solo 20 segundos y se cerrara. La ventana aparecerá al centro de la pagina y perseguira al usuario en el caso que baje en la pagina.

Vista previa:


* Si quieres ver un ejemplo real haz click aqui

Código 1:
* Pagar esto por encima de la pagina:
Código:
<style type="text/css">
.stickynote{position:absolute;visibility:hidden;width:400px;color:#333;
border:3px solid #eaeaea;background:#fafafa;padding:5px;border-radius: 7px 7px 7px 7px;}
.stickynote a{color:red;}
.stickynote a:hover{color:red;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="https://dl.dropboxusercontent.com/s/n3rpkhwh67818lk/stickynote.js"></script>
<script>
var mysticky=new stickynote({
   content:{divid:'stickynote1', source:'inline'},
   showfrequency:'always',
   hidebox:20})
</script>


Código 2:
* Donde quieres que aparesca.
Código:
<div id="stickynote1" class="stickynote">
<h4>TITULO</h4>

TODO EL CONTENIDO AQUI

<div align="right"><br>
<a href="#" onClick="mysticky.showhidenote('hide');return false">CERRAR</a>
</div>
</div>


Instrucciones.
- Edita donde dice "TODO EL CONTENIDO AQUI".
- Puedes poner texto, imagenes, videos, obetos flash, etc.
- Para el ancho edita el primer codigo en donde dice:
Código:
width:300px;

* Poner el valor que quieras.
Lo mismo con el fondo: edita donde dice "background: Nº del color;"

Espero que les sea muy útil a todos.
* Dejen sus dudas y consulta aquí mismo.

Saludos!

¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:


Ultima edición por cssplantillas el Vie Feb 03, 2017 11:56 pm; editado 6 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group