¿Cómo añadir un chat lateral a mi sitio web en todas las plataformas?

weeken · 24 Nov 2012

¿Como hago un xat que se ponga al costado mi pagina algo como este ?

es un foro en mybb pero yo quiero sabe sii funcionan en todas las plataformas y como se hace que el xat este haci normalmente viene para ponerle en el medio en mybb no se 😱

ComunidadGz

CrosowerxD · 24 Nov 2012

El dueño de ese foro es mi amigo veré si me quiere pasar el código y te lo mando por MP😛anda:

bettotheflayer · 24 Nov 2012

no se pero aprovecho para decirte que el foro se vee muy bien felicidades 😉

WindHack · 24 Nov 2012

Aquí está el código:

HTML:

<STYLE type="text/css">
.s_likebox {
-moz-border-radius: 10px 10px 10px 10px;
    background: url("http://www.comunidadgz.com/images/xatgz4.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    float: left;
    height: 520px;
    left: -745px;
    padding: 0;
    position: fixed;
    top: 100px;
    width: 778px;
    z-index: 1002;
}
div.likeboxwrap {
-moz-border-radius: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    height: 486px;
    margin-left: -5px;
    margin-top: 2px;
    overflow: hidden;
    width: 728px;
}
div.likeboxwrap iframe {margin:-1px}</style>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({left:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({left:"-745"},"medium");
},500);
return false;
});
</script> 


<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 12px;"><span><div class='likeboxwrap'><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="728" height="486" name="chat" FlashVars="id=171704582" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></center></div></span></div></div>

Sólo cambia lo necesario, y ya.

Beneco · 24 Nov 2012

WindHack dijo:

Aquí está el código:

HTML:

<STYLE type="text/css">
.s_likebox {
-moz-border-radius: 10px 10px 10px 10px;
    background: url("http://www.comunidadgz.com/images/xatgz4.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    float: left;
    height: 520px;
    left: -745px;
    padding: 0;
    position: fixed;
    top: 100px;
    width: 778px;
    z-index: 1002;
}
div.likeboxwrap {
-moz-border-radius: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    height: 486px;
    margin-left: -5px;
    margin-top: 2px;
    overflow: hidden;
    width: 728px;
}
div.likeboxwrap iframe {margin:-1px}</style>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({left:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({left:"-745"},"medium");
},500);
return false;
});
</script> 


<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 12px;"><span><div class='likeboxwrap'><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="728" height="486" name="chat" FlashVars="id=171704582" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></center></div></span></div></div>

Sólo cambia lo necesario, y ya.

Gracias bro :encouragement:

VaMpE · 24 Nov 2012

se ve bien :O
:encouragement:

weeken · 24 Nov 2012

WindHack dijo:

Aquí está el código:

HTML:

<STYLE type="text/css">
.s_likebox {
-moz-border-radius: 10px 10px 10px 10px;
    background: url("http://www.comunidadgz.com/images/xatgz4.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    float: left;
    height: 520px;
    left: -745px;
    padding: 0;
    position: fixed;
    top: 100px;
    width: 778px;
    z-index: 1002;
}
div.likeboxwrap {
-moz-border-radius: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    height: 486px;
    margin-left: -5px;
    margin-top: 2px;
    overflow: hidden;
    width: 728px;
}
div.likeboxwrap iframe {margin:-1px}</style>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({left:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({left:"-745"},"medium");
},500);
return false;
});
</script> 


<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 12px;"><span><div class='likeboxwrap'><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="728" height="486" name="chat" FlashVars="id=171704582" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></center></div></span></div></div>

Sólo cambia lo necesario, y ya.

gracias funciona en cualquier pagina basica HTML ?

WindHack · 24 Nov 2012

weeken dijo:
gracias funciona en cualquier pagina basica HTML ?

Sí, en absolutamente cualquiera. Crea un HTML sencillo y miras en el navegador.

Saludos.,

Gene · 13 Dic 2012

Saludos,

Aqui dejo unos tips para crear el xat que esta en ese foro!

Como crear un xat y personalizarlo: Crear tu xat y personalizarlo 100% ACTUZALIDO [ BY- Dragongirl] <-- Los cambios de smile y agregar salas al chat son con powers! ejemplo de mi chat: Screenshot by Lightshot

Ese xat funciona para darle promocion a tu web y halar mas usuarios, lo puedes hacer con banners etc
Tambien tiene el power link el cual redirecciona los links que personalizas a otras webs.

Y aprobecho para dejarte dos tutorial en uno!
1. Como conectarse a xat via celular
2. Aplicacion en Flash para los dispositivos iOS y su instalacion!
tutorial: Como conectarse en xat.com via celular *tutorial*

Espero te sea util😉
God Bless!

¿Cómo añadir un chat lateral a mi sitio web en todas las plataformas?

weeken

CrosowerxD

bettotheflayer

WindHack

Beneco

VaMpE

weeken

WindHack

Gene

Temas similares