Chat Despegable en tu Foro

nyxer 18 Jul, 2012, 2:28 pm

[attachment=1276]
Hola, se que muchos an querido Agregar un Chat a su Pagina Web, y Que Mejor, q uno externo, y bueno. les pasare el codigo y imagenes de como quedaria, lo mejor que le pueden Agregar un Radio, :O si un radio, de cualquier Tipo de musica, asi mientras Navegen y se paseen por Su pagina Web, Iran escuchando musica, para Hacer mucho mejor e entretenido el paseo, Bueno para Agregar el chat el Codigo es este :

Chat Despegable :

Este codigo en el Head

<script type="text/javascript" src="http://disemuchonet.blogcindario.com/ficheros/jquery-1-4-2-min.js">
</script>

<script type="text/javascript">
//<![CDATA[
var j = jQuery.noConflict();
j(function (){
j(".esthela").hover(function(){
j(".esthela").stop(true, false).animate({right:"0"},"medium");
},function(){
j(".esthela").stop(true, false).animate({right:"-400"},"medium");
},500);
return false;
});
//]]>
</script>

<style type="text/css">
/*<![CDATA[*/
.esthela {
float:right;
width:450px;
height:350px;
background: url([color=#FF0000]http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89f1a63f61ac63da/1340075377/std/image.png[/color]) no-repeat !important;
display:block;
right: -400px;
padding:0;
position:fixed;
top: 56px;
z-index:1002;
}
/*]]>*/
</style>

Puedes cambiar la imagen del fondo, cambiando el link q esta dentro del code de ariba.

Este codigo en un widget/html Tambien lo pueden poner debajo del del codigo de ariba, en el head.

<div class="esthela" style="right: -400px;">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class="disemucho.jimdo.com">

Aqui va el Codigo que te Dan en xat.com  al crearse un xat.

</div>
</div>
</div>

Para agregar Radio, ala Hora de crearte cuenta en xat.com ahi una Seccion que se llama Radio Station. ahi lo veras te dejo una Imagen Adjunta, ahi pones el Ip de Tu radio Favorita, para sacar la Ip de un radio puedes buscar en Google Ips de radios. Bueno tampoco pidias todo no, as algo !!!...

y asi Mientras navegen por sus paginas web, escucharan musica Big Grin

y Tendran un Chat despegable, escondido.

imagenes, adjuntas. y mi web si quieren probarlo, y y y Gracias a skilium, Maravillosos Host, y bonito Servicio Big Grin

ya voy un mes y estoy Feliz de pertenecer a su grupo Big Grin

saludos a todos... y un beso, ...

Para TI NO !!! xD!...

mi web : http://zona-descargax.skn1.com

#smar# 18 Jul, 2012, 3:16 pm

Buen tuto amigo Wink

, Muy funcional Smile

Gracias...

Ser alegre es mi vicio mas grande Big Grin

Cluster 18 Jul, 2012, 5:20 pm

No soy muy amante del xat pero esta bonita la forma como lo acomodas

Finer 27 Jul, 2012, 9:56 pm

Emmm ami no me funciono bien, lo unico que no me funciono fue que no se ve la imagen de chat en linea y el fondo.

[Imagen: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]

nyxer 27 Jul, 2012, 10:21 pm

algo aces mal amigo, el chat funciona o visita mi web, veras q tengo el mismo chat, despegable, y con fondo, y radio xD, normal Big Grin

saludos cualkier pregunta me encuentras ahi, o manda mp

angelmunoz 2 Aug, 2012, 1:21 am

Buen tutorial soy nuevo en la comunidad mybb gracias por estos aportes cualquier consulta la posteo.

Saludos!

GamaX 7 Mar, 2014, 5:43 am

hola amigo, me gustaría saber donde encuentro "Head"

joseahfer 7 Mar, 2014, 5:46 am

(7 Mar, 2014, 5:43 am)GamaX escribió: hola amigo, me gustaría saber donde encuentro "Head"

HeaderInclude

Enviado desde mi C1505 mediante Tapatalk

[Imagen: jCIaOgk.png]

gamax25 7 Mar, 2014, 12:55 pm

uhmm.. no entiendo amigo, soy nuevo en esto podrias porfavor ser mas especifico, te lo agradeseria mucho, gracias

joseahfer 7 Mar, 2014, 1:09 pm

#10

(7 Mar, 2014, 12:55 pm)gamax25 escribió: uhmm.. no entiendo amigo, soy nuevo en esto podrias porfavor ser mas especifico, te lo agradeseria mucho, gracias

Lo que tú dices, las etiquetas <head></head>, es el equivalente a la plantilla HeaderInclude de tu theme. Estilos y plantillas > TuTheme > Plantillas sin grupo > HeaderInclude. Dentro pegas el código y listo.

[Imagen: jCIaOgk.png]