Hola a todos, les traigo un tutorial, que yo cree de pies a cabeza, si siguen mis pasos, conseguirán tener un chat de xat.com, desplegable, de esta manera sustituirán, al chatbox que proporciona foro activo por defecto, y tendrán uno moderno con sonidos, y además que abarca poco espacio.

Pasos:

1. Antes de comenzar, necesitan ir a y crearse un chat, copien el código que les da para insertar en página web.
   
2. Con el código marcado copiado en el porta-papeles, irán al panel de administración-> gestión del portal-> estructura -> módulos y crearan un nuevo modulo, que deberá tener la siguiente configuración como se muestra en la imagen:
   
3. en fuente del modulo, atención, deberán pegar el código que habia copiado del paso uno, y añadirle lo marcado en naranja:

   <embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="500" height="300" name="chat" FlashVars="id=29129843&rl=Spanish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=29129843">Go Large!</a></small><br></ul></div>

   
   
4. Una vez pegado y modificado el codigo anterior, pulsamos registrar, y acto seguido creamos otro modulo personalizado, este segundo modulo, deberá tener la siguiente configuración:
   
5. El segundo modulo creado en el paso número 4, deberá tener en el campo marcado como fuente del modulo el siguiente código, tal y como está:

   Código:

   <!---por neko para cukiforum.superforo.net no remover creditos---->
<DIV class=forumbg><style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script><a style="font-weight: bold;" href="javascript:void(0);" onclick="expandcollapse('cukichat')">TÍTULO: ABRIR-CERRAR [+/-] <img src="URL IMAGEN" /></a><ul id="cukichat" class="texthidden">
<!---por neko para cukiforum.superforo.net no remover creditos---->

   
   
6. Una vez hecho los pasos anteriores, pulsas registrar, ahora tendrás dos widgets personales, ahora lo que tienes que hacer con ellos es colocarlos como se muestra en la siguiente imagen en tu portal: como puedes ver, no importa la localización siempre y cuando el widget chat desplegable, este inmediatamente encima de widget cierre chat.
   
7. Lo siguiente es ver como se ve en nuestro foro, y usar nuestra creatividad y conocimientos para conseguir un resultado mejor, obtendrán algo como esto:

   Spoiler:

   

   desplegado se verá así:

   Spoiler:

   

   
   

Espero que les será de utilidad, una disculpa si no estoy en la categoria adecuada, pero me he tardado en investigar dicho código, ahora los comparto con ustedes, no remover los créditos y cualquier duda, pueden encontrarme en mi foro ^^ con que un par de personas lo lean estoy satisfecho ^^ para servirles.

Tutorial creado por neko

Aquí les dejo uno para que vean como crear un foro de Chats Xats despegables:

1.- Primero ve a Crear un Xat {Son Chats} Para que coloques en donde sea (En este caso en un foro)

2.- Deja la página como esta, quietecito

3.- Crea una categoría o un foro

4.- En el título, ponle algo como Xat Chat
En la descripción pon el siguiente codigo:

Código:

<DIV class=forumbg>.texthidden {display:inline}.shown {display:block}document.write('.texthidden {display:none} ');function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}[url=http://asistencia.foroactivo.com/javascript:void(0);]AQUI PON LO QUE DIRA EL SPOILER [img]URL IMAGEN[/img][/url]<ul id="cukichat" class="texthidden">AQUI PON EL CODIGO DEL XAT

Donde dice: "AQUI PON EL CODIGO DEL XAT" es donde va el codigo Embed del Xat, colócalo sin problemas ^^
Donde dice: "AQUI PON LO QUE DIRA EL DESPEGABLE" debes poner algo como "Clic para abrir Xat" etc.

RECUERDA Que esto va en la descripción del foro

5.- Y ya esta ^^, solo crea un sub-Foro dentro de este para no se, crear uno para ayuda, general, videojuegos, etc. y todos son DESPEGABLES!

Tutorial creado por Wii Player

Agradecimientos a Neko

Lo primero es lo primero, entramos aqui: http://cbox.ws/getone.php
Tenemos que registrarnos para poder crearlo.


Después de darle al botón "Create my Cbox!" nos llevará a una página que nos confirma que nuestra cuenta ha sido creada.


Ya podemos entrar con nuestra cuenta para obtener el código de nuestro chatbox.


Una vez dentro del panel de control, tenemos varias opciones, explico por encima para qué sirven:


Si le damos al icono de la casita volveremos a la página inicial del panel de control.
Publish! es donde encontraremos el código de nuestra chatbox para colocarlo en nuestro foro.
Look & Feel es donde tenemos varias herramientas para personalizar nuestro chatbox:
*Tamaño de la chatbox, color, estilo...
*Tipo y tamaño de letra
Options es donde encontramos otras opciones:
*Largo de los mensajes
*Permitir avatares
*Protección anti-spam
*Mostrar usuarios en línea
*Activar sonido cuando hay un nuevo mensaje
*Emoticonos
Users & Access es donde podemos activar algunas opciones para los usuarios:
*Permitir que registren su nick
*Mantenimiento automático para borrar nicks registrados que no se usan en tres meses
*Crear nuevos nicks registrados desde ahí mismo, dándoles rango de moderador, administrador o usuario normal.
*Listado para banear
Messages es donde tenemos opciones sobre los mensajes:
*Borrar o guardar X mensajes
Si le damos al icono de la puerta nos desconectamos de la página.

Para colocar el chat en nuestro foro, debemos coger el código y pegarlo en cualquier parte donde nos acepte el HTML y listo! :)


Tutorial presentado por Amya
Desarrollado por Lamashta

PASOS PARA LA

PRIMERO:

• Funciona con todo tipo de navegador
  

SEGUNDO:

• Le damos a Aquí para crear nuestra chat
  

TERSERO:

• Le damos a Get a private one on one chatdonde nos apare sera un formulario y tenemos que poner lo siguiente Aquí para ir a lo que tenemos que hacer en el formulario
  

Cuarto,Segunda etapa:

• NOS REGISTRAMOS PARA TENER LA CHAT Aquí para ir al formulario de lo que apare sera y tenemos que hacer
  

Quinto paso:el código:

• Nos saldrá el código cual pondremos en un Widgets o en otro lugar que acepten HTML
  

Tutorial creado por Amya