Usando CSS


Nesse tutorial, vou ensinar como se usa CSS em forma de arquivo, daí na hora que você quer trocar a barra de rolagem ou as cores da fonte, você não precisa trocar página por página do seu conteúdo.

Programa necessário: Bloco de Notas

1º passo: Abra o Bloco de Notas.

2º passo: Copie o código abaixo e cole em seu documento em branco do Bloco de Notas:

P, body, td, marquee, tr, div {
font-size: 9px;
color: #FFFFFF;
font-family: verdana;
line-height: 12px;
}

img {border: 0px;
}

.SubmitButton, input, textarea {
color: #FFFFFF;
font-family: Verdana;
font-size:9px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}

body {
scrollbar-3dlight-color: FFFFFF;
scrollbar-arrow-color: FFFFFF;
scrollbar-base-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
background-color: #FFFFFF;
}

a {
height: 1px;
color:#FFFFFF;
text-decoration:none;
height:1px;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: verdana;
}


3º passo: As cores estão todas em branco (#FFFFFF). Agora, coloque o código da cor e modifique o que você desejar:

P, body, td, marquee, tr, div: É a fonte principal da página.
img: Imagem.
.SubmitButton, input, textarea: Botão (Enviar, Ok...) e textarea (caixinha Link-Me etc).
body: Barra de Rolagem e fundo da página.
a: É a cor do link (principal).
a:hover: É a cor do link (quando passa o mouse em cima).

4º passo: Depois e ter modificado o que quis, clique em Arquivo / Salvar Como. Salve com o nome "cssblog" no formato css (cssblog.css).

5º passo: Agora, hospede esse arquivo. Aonde? Geocities, Blogger, Kit.Net, etc.

6º passo: À princípio, está pronto. Mas para usá-lo em suas páginas, substitua o seguinte código pelo css da página:

<link href="HTTP://ENDEREÇO DO CSS/cssblog.css" rel="stylesheet" type="text/css">


Exemplo:

<html>
<head>
<title>TÍTULO DA PÁGINA</title>

<link href="HTTP://ENDEREÇO DO CSS/cssblog.css"
rel="stylesheet" type="text/css">

</head>

<body>

CONTEÚDO DA PÁGINA

</body>
</html>


Pronto! Agora você já tem suas páginas com CSS. Isso facilitará muito na hora de mudar a cor da barra de rolagem (por exemplo). Aí você modifica apenas no cssblog.css, hospeda-o novamente e todas as páginas com esse css, serão modificadas.

Tutorial feito por mim! Qualquer cópia é totalmente proibida!