Personalizando o chat

Então atendendo a vários pedidos de como eu personalizei meu chat, aqui está um tutorial muito simples. Eu fiz ele meio correndo *o* mais acho que está bem explicado. Ficará mais ou menos assim: (O fundo e a borda vocês mesmos podem fazer ou se preferir usar as imagens que eu disponibilizei )

Link meu chat

acesse: http://xat.com/web_gear/chat.php

tamanho original

Após copiar o código você pode colar tanto em alguma postagem ou página (na aba editar HTML) ou como HTML java script .


Gente quem não curtiu o fundo ''foguete'' do chat pode fazer um fundo personalizado ok! Aqui uma base (400x299).

Faça uma imagem um pouco maior que as medidas  do seu chat e hospede ela em algum site que faça isso gratuitamente >imgur<. Fiz essa de exemplo:

Cole o código abaixo ANTES do código do seu chat:

<div style="background:url(LINK_DA_IMAGEM) no-repeat;padding-right:20px;padding-left:20px;padding-top:30px;padding-bottom:10px;">

Nos trechos:
(LINK_DA_IMAGEM) = coloque a URL da sua imagem. (clique em cima da imagem com o botão direito do mouse e selecione '' copiar url da imagem ''. Só isso.)

padding-right: equivale á margem direita;

padding-left: equivale á margem esquerda; 

padding-top: equivale á margem de cima;

padding-bottom: equivale a margem de baixo

 Lembre se só altere os números grifados de azul!

Após você ajustar o chat sobre o fundo/borda no final do código do chat adicione a tag: </div> pronto agora é só salvar.

Espero ter ajudado!