SATORI

Tutorial-Xat Lateral com Efeito (Deslizar)

bom Procure pela Tag logo Abaixo:

]]></b:skin>
Agora cole esse codigo CSS logo acima dessa Tag:
/* Chat<br /> ----------------------------------------------- */<br /> #gb{<br /> position:fixed;<br /> top:340px;<br /> z-index:+1000;<br /> right:-610px;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:164px;<br /> width:51px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:1px solid #000;<br /> background: url(IMAGEM DE BACKGROUND PARA O CHAT)repeat;<br /> padding:10px;<br /> }
Depois Ache a Proxima Tag:

</body>
E cole Esse Codigo Logo Acima da Tag:
<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <br /> <div id='gb'><br /> <br /> <div class='gbtab' onclick='showHideGB()'></div><br /> <br /> <div class='gbcontent'><br /> <br /> <!-- BEGIN CBOX - www.cbox.ws - v001 --><br /> <div style='line-height:0;background-position:center;width:590px;height:310px;'><br /> <br /> COLE O CÓDIGO EMBED DE SEU XAT AQUI<br /> <br /> <br /> </div></div></div>