Como ya lo habrás visto en otro articulo publiqué un codigo para crear ventanas emergentes el cual vamos a usar para abrir nuestro chat en popup. Y sera de la siguiente manera:
<a href="http://www.xatech.com/web_gear/chat/chat.swf?id=183603293&rl=Spanish" target="_blank"
onclick="window.open(this.href, this.target, 'top=100,left=50, width=450,height=320'); return false;" >
CHAT POPUP</a>
Ejemplo:
Si ya tienes tu chat online vamos a continuar si no lo tienes aun mira como obtenerlo en este otro blog
Como obtener un chat en español para mi sitio web
Ya que lo tienes solo necesitas la ID que encontrarás en tu codigo del chat :
embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="450" height="320" name="chat" FlashVars="id=214833840&rl=Spanish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.php" />
Está marcado en rojo para que puedas verlo facilmente, ahora en el codigo del popup tambien esta marcado con rojo simplemente lo cambias por el tuyo y listo.
Para cambiar las medidas :
width=450: es el ancho del popup
height=320: es el alto del popup
para cambiar la posición:
top=100: Es la distancia entre la ventana emergente(popup) y la parte superior de tu pantalla
left=50: Es la distancia que hay a la izquierda de tu popup.
POPUP con imagen:
<a href="http://www.xatech.com/web_gear/chat/chat.swf?id=183603293&rl=Spanish" target="_blank"
onclick="window.open(this.href, this.target, 'top=100,left=50, width=450,height=320'); return false;" >
<img src="https://u.jimcdn.com/www17/o/s224fc11c65cbc592/img/i78b65288edf1df63/1436935567/std/image.png" alt=""/>
</a>
Ejemplo:
Tambien puedes usar una imagen propia solo cambia el enlace que dejó marcado con rojo por el de tu imagen y listo.
y bueno eso es todo espero les sea de gran ayuda esta informacion comenten sus dudas y visiten mi canal de youtube
Escribir comentario