Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje18-04-2010, 20:54 (UTC)    
Título del mensaje: [Tutorial] crear pop up - clicando link o automatico

hace unas semanas respondi una ayuda para crear pop-up, esperando una respuesta por fin puedo daros el tutorial de como se hace...
PWG tiene esta herramienta de crear paginas emergentes popup modificable. es el simbolo de un planeta "Insertar/Editar vinculo"


lo primero debes crear la pagina donde se veran las cosas, es la del pop-up y en html, mete el codigo pero con un dato mas al principio:
Código:
<div style="position: absolute; top: 1px; left: 1px">AQUI SUS COSAS</div>
el position absolute debe estar a 1px.
guardalo como subpagina de alguna que tengas sin click, asi lo esconderas si no crealo.
Paso 2
OPCION 1: pop up pinchando en un link, imagen, o cualquier tipo de vinculo
ahora crea otra pagina pero normal o edita donde vaya a poner el texto que abra el pop up.
Cita:
<a onclick="window.open(this.href,'URLDELAPAGINA','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=400,height=315,status'); return false" href="http://pagina">pagina</a>

URLDELAPAGINA: esto seria todo junto, y sin signos,
http://pagina aqui si pon el link correcto de la pagina popup
pagina y aqui el titulo o texto visible

height x width puse como ejemplo 400 de ancho por 315 de alto, pero debes ponerlo segun como quieras el tamaño del pop-up, lo marcado en cruz eso no lo toques, asi saldra un popup auntentico sin barras, es la zona verde lo que si puedes editar. ,asi seria explicado con imagen:

OPCION 2: pop up que emerge al entrar en la web.

despues del 1º paso, otra forma seria crear la pagina principal donde pondremos este codigo:
Cita:
<script>
window.onload = function() {
window.open("http://javidjteayuda.es.tl/popup.htm","PopUp","width=400, height=315, scrollbars=no, menubar=no, status=no, location=no, resizable=no");
}
</script>

esto hace que al entrar en la pagina, emerge un pop up automatico, como el de pwg. asi de sencillo....

UTILIDADES Y EJEMPLOS
una idea por ejemplo seria ponerlo en un box, asi al entrar en indice, abre. y en el pop-up meteriamos un player con autoarranque, tendriamos musica sin intrrupcion mientras navegamos
tambien podemos hacer pop-ups para meter imagenes de mayor tamaño y en la principal, un listado de links o imagenes, que al pincharlos abre el pop up, dentro de esos popups informacion detallada, imagen mas grande, formularios....etc
aqui os muestro ejemplo de resultado:
http://javidjteayuda.es.tl/pop-up-con-link.htm clickeando texto o imagen
http://javidjteayuda.es.tl/emege-un-pop-up-automatico.htm automatico

cualquier duda consultarme
dato: pup-ups deben estar permitidos, asi como lo debes anunciar que lo permitan tus visitantes
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group