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 codigo que una ventana pop up que te permitira poner un mensaje al usuarios el cual durara solo 20 segundos y se cerrara. La ventana aparecera al centro de la pagina y persegira al usuario en el caso que baje en la pagina.

Vista previa:


* Si quieres ver un ejemplo real haz click aqui

Codigo 1:
* Pagar esto por encima de la pagina:
Código:
<style type="text/css">#fadeinbox{position:absolute;width:300px;left:0;top: -400px;border: 2px solid #999;
background:#fafafa;padding:4px;z-index:100;visibility:hidden;}
#fadeinbox a {color:#006699,text-decoration:none;}
#fadeinbox a:hover {color:#006699,text-decoration:none;}</style>
<script type="text/javascript" src="http://cssplantillas.zobyhost.com/js/popup2.0.js"></script>


Codigo 2:
* Donde quieres que aparesca.
Código:
<div id="fadeinbox" style="font:12px verdana;filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">
<div align="right"> <a style="text-decoration:none;font: 10px verdana;" href="#" onClick="hidefadebox();return false"title="cerrar"><font color="red">[ X ]</font></a></div>
Aqui escribe o pon lo quieras!
</div>


Instrucciones.
- Edita donde dice "Aqui escribe o pon lo quieras!".
- 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 util a todos.
* Dejen sus dudas y consulta aqui mismo.

Saludos!

¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
Cssplantillas - Moderador Paginawebgratis.es
Email: cssplantillas@gmail.com -Twitter // @cssplantillas


Ultima edición por cssplantillas el Dom Abr 18, 2010 11:35 pm; editado 5 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group