¿Quieres crear tu propio chat? Es muy simple! Sólo sigue estos tres pasos:
- Personalizar la ventana de chat (también
conocido como "Cliente de Chat")
- Crear la página de ingreso
(tienes que copiar y pegar código html en tu propia página
web)
- Elegir las salas que quieres tener
1) Personalizar la ventana de chat
Este es nuestro cliente de chat, puedes personalizarlo diseñando tu propio Top (1), Bottom (2)
y escogiendo el color que quieras para el Fondo (3) y para la Fuente (4).

(1) Top: Las dimensiones originales de esta pagina deberán ser
604 de ancho y 42 de alto, teniendo en cuenta que si el usuario
maximiza el cliente, el ancho puede variar (el alto no varía) .
(2) Bottom: Las dimensiones originales de esta pagina deberán ser
626 de ancho y 114 de alto, teniendo en cuenta que si el usuario
maximiza el cliente, el ancho puede variar (el alto no varía).
(3) Color de Fondo: Que sustituiría en el ejemplo, al color rojo
(4) Color de la Fuente: Color en el que se mostrarán los links
de Preferencias, Ayuda y Salir.
2) Crear la página de ingreso (login)
Una vez tengas preparado tu cliente has de diseñar la página de
login con tu propio look & feel. Esta página te servirá para acceder
al chat. Debes tener en cuenta que la URL del formulario de entrada cambia segun el area a la que queramos acceder.
Mas abajo tienes descrita cada URL de acceso por Sala. Aquí se capturará el nickname del usuario y se enviarán
los parámetros para la construcción del cliente, sólo
has de incluir el siguiente código en tu página web:
<html>
<head>
<title>Titulo de la ventana</title>
<script>
function logar() {
var Chat = window.open('', 'ClientChat',
'resizable=yes,menubar=no,location=no,toolbar=no,status=yes, ' +
'scrollbars=no,directories=no,left=0,top=0,screenX=0, ' +
'screenY=0,width=796,height=532');
window.document.LOGINACCES.target = 'ClientChat';
document.LOGINACCES.submit();
 }
</script>
</head>
<body>
<form name=LOGINACCES action=http://URL Acceso Login/login method=post>
<input type="HIDDEN" name="CLIENT" value='JAVA'>
<input type="HIDDEN" name="TEMPLATE" value='3'>
<input type="hidden" name="topcobrand" value='Indicar URL para el TOP (1)'>
<input type="hidden" name="botcobrand" value='Indicar URL para el BOTTOM (2)'>
<input type="hidden" name="bgcobrand" value='Indicar Color de Fondo para la ventana (3)'>
<input type="hidden" name="fgcobrand" value='Indicar Color de la Fuente para los textos (4)'>
<b>Nickname<br> <input type="text" name="UserName" value=''><br>
|
Si quieres entrar directamente a una sala del chat con un nombre
especificado por ti, el sistema creará automáticamente la sala. Para llevar a cabo esta acción debes añadir este parametro:
<input type="hidden" name="RoomName" value='Indicar el nombre de la sala'>
|
También puedes entrar en una sala creada ya en nuestro sistema.
La lista de valores que debes añadir la encontrarás en la sección 'Nuestras Instancias de sala'. Para llevar a cabo esta acción debes añadir el siguiente parámetro asignándole el InstanceID de la sala que hayas seleccionado:
<input type="hidden" name="InstanceID" value="Sección Nuestras Instancias de sala">
|
Recuerda!!! Solo puedes enviar uno de los dos parametros :
RoomName o InstanceID
Por último debes añadir el boton para enviar los datos:
<input type="button" value="ENVIAR" class="boto" onClick='javascript:logar();'><br>
</form>
</body>
</html>
|
URL Acceso Login:
| Sala Edades | login01.latinchat.com |
| Sala Paises | login02.latinchat.com |
| Sala Actualidad | login02.latinchat.com |
| Sala Fotos | login03.latinchat.com |
| Sala Tendencias | login03.latinchat.com |
| Sala Caliente | login03.latinchat.com |
| Sala Entretenimiento | login03.latinchat.com |
| Sala Contactos | login03.latinchat.com |
| Sala Amistad | login04.latinchat.com |
| Sala Romanticos | login04.latinchat.com |
Y recuerda, si tienes alguna duda por favor envia tus preguntas a nuestro Webmaster
Contáctanos.
3) Elegir las salas que quieres tener
Como explicamos en el punto 1 (Personalizar la ventana de chat),
puedes entrar a una sala creada en nuestro sistema. La manera de hacerlo es
utilizando el parámetro InstanceID en vez de entrar por
Nombre de Sala (RoomName). La lista que ves a continuación
es la relación entre los nombres de nuestras salas y su InstanceID ordenado por área:
|