Yo galera, troxe pra vocês outro codigo para colocar o xat na lateral. Agora é no lado esquerdo.
Primeiro passo , vamos adicionar o código css no template , procure pela linha:
]]></b:skin>
Logo acima dessa linha adicione o código mas lembrando de colocar a imagem da seta.
/* Chat
----------------------------------------------- */
#gb {
position:fixed;
top:150px;
z-index:+1000;
left:-610px;
}
* html #gb
{
position:relative;
}
.gbtab {
height:195px;
width:111px;
float:right;
cursor:pointer;
background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;
margin-top:20px;
}
.gbcontent {
float:left;
border:2px
solid #B22222;
background:#000;
opacity:0.80;
-moz-opacity: 0.80;
filter: alpha(opacity=80);
-webkit-border-radius:
20px;
border-radius: 20px;
-khtml-border-radius: 20px;
padding:8px;
}
Agora procure por:
</body>
Depois de encontrar copia o código abaixo e cole logo acima.
<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 47-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.left = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id='gb'> <div class='gbtab' onclick='showHideGB()'> </div> <div class='gbcontent'> <div style='line-height:0;background-position:center;width:590px;height:310px;'>
<img border='0' height='0' src='http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjYwNzQyNjAxNTYmcHQ9MTMyNjA3NDI2MTk2OCZwPTUzMTUxJmQ9Jmc9MSZvPTFkMjJkNWEwMjA5YzQ*YWNhOGJj/ZDkzYzM3ZjY2ZTFm.gif' style='height: 0px; visibility: hidden; width: 0px;' width='0'/><embed align='middle' allowscriptaccess='sameDomain' flashvars='id=161073951' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='590'/>
<span style='font-size: x-small;'>
</span>
</div>
</div>
</div>
Espero que tenham gostado. ^^
0 comentários:
PARTICIPE DO SITE. DEIXE A SUA OPINIÃO.