ENFEITANDO O SEU HALOSCAN

ENFEITANDO O SEU HALOSCAN NO SEU BLOG!

Esse tutorial é para quem quer deixar a cara do seu haloscan bem fofinha!
Tentamos explicar o mais simples possível para que vocęs consigam entender.
Măos a obra entăo? Vamos lá!!!

Primeiro Passo: Entre no site do "HALOSCAN"e faça o seu login. Feito isso, clique em "Templante", conforme Imagem (01)

"Imagem (01)"

Segundo Passo: Logo após, abrirá uma nova página. Clique em "Setting", conforme Imagem (02)

"Imagem (02)"

Terceito Passo: 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), como mostra a Imagem (03). Logo após, apertará no (2).

"Imagem (03)"

Agora vamos passar para o código HTML para personalizar a página. Clique em "Stylesheet", conforme mostra a Imagem (04)

"Imagem (04)"

Vocę irá ver o código HTML gerado pelo Haloscan. Veja na Imagem (05).

"Imagem (05)"

Apague todo esse código, coloque esse que se encontra na caixinha e aperte em "Save Templante".

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 #AED7D1;
	color: #AED7D1;
	direction: ltr;
	font-family: tahoma;
	font-size: 10px;
}

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

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

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

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

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

body {

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

html {
scrollbar-face-color: #AED7D1;
scrollbar-highlight-color: #AED7D1;
scrollbar-3dlight-color: #AED7D1;
scrollbar-darkshadow-color: #AED7D1;
scrollbar-shadow-color: #AED7D1;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
-->

Vocę pode personalizar a borda, o fundo e o background. Basta usar a imaginaçăo. Veja na Imagem (06 e 07) onde vocę deve modificar. Obs: Para visualizar melhor, clique sobre a imagem!

"Imagem (06)" "Imagem (07)"

É isso aí! Acho que ficou bem explicadinho, né? Se tiverem dúvidas, críticas, sugestőes ou elogios, usem o nosso "Ask-me".
Espero que tenham gostado!!!

VOLTAR