chat xat en el lateral izquierdo de tu web/foro

Jue Jun 21, 2012 5:46 pm

con este codigo pondran un xat flotante en su foro

demo : aki

codigo :

Código:: <style type="text/css">.slide_likebox { float:left; width:778px; height:520px; background: url(http://i49.servimg.com/u/f49/15/69/99/67/xat11.png) no-repeat !important; display:block; left:-745px; padding:0; position:fixed; top: 100px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:728px; height:486px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script type="text/javascript">jQuery.noConflict(); jQuery(function (){ jQuery(".slide_likebox").hover(function(){ jQuery(".slide_likebox").stop(true, false).animate({left:"0"},"medium"); },function(){ jQuery(".slide_likebox").stop(true, false).animate({left:"-745"},"medium"); },500); return false; });</script><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-10328637-12']); _gaq.push(['_setDomainName', 'taringamp3.com']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script> <div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=253848684684926"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script></head> <body><div id="content"><script>jQuery(document).ready(function(){tb_show("", "#TB_inline?height=200&width=600&inlineId=divStart&modal=true", "");});</script><div id="divStart" style="display: none;"></div></div></div><div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 10px;"><span><div class='likeboxwrap'> aki tu codigo del xat recomendabre 730x490 </div></span></div></div></div>

donde le pide el codigo de su xat lo ponene y listo

para cambiar el color de fondo y el nombre al abrir tienen que editar esta imagen : https://i.servimg.com/u/f49/15/69/99/67/xat11.png

espero que les sirva :D

Vie Jun 22, 2012 11:10 am

Exelente, gracias por aportar :D:

chat xat en el lateral izquierdo de tu web/foro

chat xat en el lateral izquierdo de tu web/foro

Re: chat xat en el lateral izquierdo de tu web/foro