Como fazer Fundo de Xat (com regras)

Hey pessoal! Son Ivson aqui!
Desculpem pelas teias de aranha no blog, mas é que eu não tinha nada pra postar, sabe...
Bem, mas graças à um pedido, temos um novo tutorial, e dessa vez vou ensinar a fazer um fundo de xat... mas com regras!
Sim! É aquele xat que tem as regras no fundo, como o que temos aqui no blog!
Bem, primeiro, baixe essa imagem:

Arquivo editável do Photoshop

 Agora, vamos à edição. Troque as cores, adicione efeitos, coloque pinguins e puffles... Enfim, o que desejar.

Bem, terminamos a parte onde o chat ficará, agora vamos escrever as regras.
Escreva as regras do seu chat e decore com um pinguim, puffle ou o que preferir.

Bem, agora que tá tudo pronto, hospede a imagem em algum lugar (recomendo Tinypic), pegue o link direto e vamos à parte do HTML. Sim, vamos mexer com HTML!
Vamos lá. Pegue esse código:

<div class="widget html" id="html1">
<div class="widget-content">
<center>
<div style="background-image: url(Direct Link do Fundo); width: 590px; height: 780px; line-height: 13px;"><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 />
<br />
<br />
<br />
<br />

Onde tem Direct Link do Fundo, cole o link direto da imagem que você hospedou. Mas é só isso? Não! No fim de todos os "<br/>" cole o HTML do seu xat.

DICA:
Depois do ID do seu chat, coloque isso:

&rl=Brazilian

 Isso fará seu xat ficar em PT/BR!

Depois disso, você terá um xat com regras no fundo!
Espero ter ajudado! E vão pedindo mais tutôs! Acho que isso que está "mantendo o blog de pé".
Bem, tchau!
~Son Ivson