ENFEITANDO O SEU HALOSCAN

*ENFEITANDO O SEU HALOSCAN*

» Esse tutorial é para quem quer deixar a cara do seu haloscan bem fofinha!
» Tentei explicar o mais simples possível para que vocês consigam entender.
» Mãos a obra então? Vamos lá!
» Ninguém está autorizado(a) à copiar o conteúdo da página e disponibizar no seu Blog !
» Adoraria receber os créditos pela ajuda ^^

(1º) Entre no site do "HALOSCAN"e faça o seu login. Feito isso, clique em "TEMPLANTE", conforme imagem abaixo:

(2º) Logo após, abrirá uma nova página. Clique em "SETTING". Veja:

(3º) Nesta página você irá incluir uma gif onde ficará acima dos seus comentários.
Você irá Hospedar sua gif e colocar o código gerado onde indica (1). Depois, basta apertar em: SAVE SETTINGS. Conforme imagem do número 2.

(4º) Agora vamos passar para o código HTML para personalizar a página. Clique em "STYLESHEET"

(5º) Você irá ver o código HTML gerado pelo Haloscan. Observe:

(6º) Apague todo esse código, coloque esse que se encontra na caixinha abaixo e aperte em "SAVE TEMPLANTE"

hr { display:none; }
a {
	#000000;
	font-family: tahoma;
	font-size: 10px;
	text-decoration: none;
}

a:link {
	color: #000000;
	text-decoration: line-through;
}

a:visited {
	color: #000000;
}

a:hover {
         color: #000000; 
	 padding-bottom: 0px; 
	 font-weight:normal; 
	 text-decoration:none; 
	 background-color: #FFFFFF; 
         border:1px solid #transparent;
	 border-top-width:0px; 
	 border-left-width:0px; 
	 border-right-width:0px; 
	 padding:2px;
}

hr {
border: 20px dotted #FFFFFF;	
}

input {
	background: #FFFFFF;
	border: 2px solid #357660;
	color: #357660;
	direction: ltr;
	font-family: tahoma;
	font-size: 10px;
}

p {
	background-color: #FFFFFF;
	border: 2px solid #357660;
	color: #357660;
        font-family: tahoma;
	font-size: 11px;
	line-height: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}

textarea {
	background: #FFFFFF;
	border: 2px solid;
	color: #357660;
	direction: ltr;
	font-family: tahoma;
	font-size: 10px;
}

.byline{
	color: #357660;
	font-size: 10px;
}

.PSubmit {
	background-color: #FFFFFF;
	border: 2px;
	color: #357660;
	font-weight: bold;
	padding-left: 110px;
}

.SubmitButton {
	border: 1px solid color: #357660;
	font-weight: bold;
}
@charset "utf-8";

body {

background-image: url("http://img526.imageshack.us/img526/3849/bytrueluvback6verdezd3.gif");
	color: #BE2063;
	font-family: tahoma;
	font-size: 10px;
	margin: 0px;
scrollbar-face-color: #CBF5E4;
scrollbar-highlight-color: #1C8C63;
scrollbar-3dlight-color: #CBF5E4;
scrollbar-darkshadow-color: #1C8C63;
scrollbar-shadow-color: #1C8C63;
scrollbar-arrow-color: #1C8C63;
scrollbar-base-color: #1C8C63}

html {
scrollbar-face-color: #CBF5E4;
scrollbar-highlight-color: #1C8C63;
scrollbar-3dlight-color: #CBF5E4;
scrollbar-darkshadow-color: #1C8C63;
scrollbar-shadow-color: #1C8C63;
scrollbar-arrow-color: #1C8C63;
scrollbar-base-color: #1C8C63}
-->

(7º) Você pode personalizar a borda, o fundo e o background. Basta usar a imaginação. Veja nas imagens abaixo:

É isso aí! Acho que ficou bem explicadinho, né? Se tiverem dúvidas, críticas, sugestões ou elogios, podem deixar um comentário que assim que possível estarei respondendo, Ok?
Espero que tenham gostado!!!