Reaction Potter

> Template no Haloscan

Entăo vamos lá.....

1şpasso:Faça o login no Haloscan
2şpasso:Agora selecione a opçăo Template, como na imagem:

3şpasso:Agora selecione a opçăo Stylesheet, como na imagem:

4şpasso: Na janela que abriu vocę cria o seu código Html, eu fiz um fiz uma personalizaçăo estilo a do meu Haloscan atual, se quiserem o código, copiem e colem no lá:

scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #000000;
}
A {
	font-family : Verdana;
	font-size : 9px;
	text-decoration: none;
	color: #ffffff;
	font-weight : bold;
}
A:Hover {
	font : 9px Verdana;
	text-decoration : underline;
	color : #ffffff;
	background : Black;
	font-weight: bold;
}
body { 
  margin : 20px ;
  background-image: 
  url(" http://www.enderecodasuaimagemvccoloqueaki.com.br  ");

color : #ffffff ;
  font-family : verdana ;
  font-size : 9px ;
  font-weight: bold;
} 
table {
  font-size : 9px ;
             }
textarea {
  font-size : 9px ;
  font-family : verdana ;
  font-weight: bold;
  color : #cccccc; 
  border : 1px solid #ffffff ; 
  background-color : #000000; 
		}
input {
 font-size : 9px ; 
 font-family: verdana ;  
 color : #CCCCCC; 
 border : 1px solid #ffffff ; 
 background-color : #000000 ; 
		}

.MainTable  { background-color : #000000;
 filter: alpha(opacity=70, style=0);
  -moz-opacity: 70%;  
}
.PSubmit {padding-left:110px;}
.InputCell { border-top:1px outset #ffffff; text-align:center; font-family: Verdana, sans-serif; font-size:9px; padding: 9px;  color: #ffffff;  }
.MessageCell { border-top: 1px outset #ffffff; text-align: justify; font-family: Verdana, sans-serif; font-size:9px; padding: 9px;  color: #ffffff;  }
.SubmitButton { background-color:#000000; color:#ffffff; width:100px; border:1px solid #ffffff; font-family:Verdana; font-size:10px; }

Atençăo: Onde diz enderecodasuaimagemaki.com.br vocę coloca a imagem que vocę vai querer como fundo do template. Se vocę quiser mude as configuraçőes, fica a seu critério.
5şpasso:Agora salve o código, assim:

6şpasso:Agora visualize o seu template e veja se vocę gostou:

7şpasso:Seu template para o Haloscan está pronto, o meu ficou assim

Qualquer dúvida mande um comentário

Tutorial produzido por Reaction Potter!