Como por regras junto com o Chat

Olá Pinguins!

Tudo bom? Sou eu, o Ploogh.

Ontem, me deparei, com bastante pessoas me perguntando como se coloca regras "Junto" com o chat, e hoje estou aqui, preparado para fazer o tutorial! Vamos lá né?

Primeiro você deverá criar uma imagem no Fireworks (de preferencia). Logo em seguida use essas medidas:

• Largura 647
• Altura 762

Não será nescessariamente por essas medidas, escolha uma do seu gosto, mas tome cuidado, pois ela não poderá ser menor do que o chat!

Depois de ter feito a imagem, você poderá acrescentar as regras de chat, os designs etc!


Agora, utilize esse html junto com o html do chat! Veja:

<div class="widget html" id="html1">
<div class="widget-content">
<center>
<div style="background-image: url(http://i39.tinypic.com/2u7azy9.jpg); width: 649px; height: 764px;"><span style="color: rgb(255, 255, 255);">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><span style="font-size: 100%;"><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzM3NjI5MjI4MjgmcHQ9MTMzMzc2Mjk*OTczNCZwPTUzMTUxJmQ9Jmc9MSZvPTdkYWY4Yzc1ZDQ2ZjQ1MmJiNDE5/MDcxYzJlMDJiNjEy.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="600" height="405" name="chat" flashvars="id=155003238&amp;gn=CPOficialBR" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml"></embed></span>
<span>
</span><center></center></center><span style="color: rgb(42, 42, 42); font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; line-height: 17px; text-align: -webkit-auto; background-color: rgb(255, 255, 255); ">
</span>


</span></div></center></div></div>