Personalizando Blogsome - Parte II

Escrito por AleB |

April 28, 2006

CORES:

As cores das letras, bordar, fundo e etc… Tambem estao relacionadas nas declaracoes dentro do arquivo CSS, Style.

Vou partir do principio que voce ja sabe do que estou falando, caso nao saiba eh melhor ler antes o post anterior: Pernonalizando Blogsome - Parte I

As cores sao representadas por codigos de 6 digitos, antecedidos por um “#” - Ex: #FFFFFF = Branco, #000000 = Preto.

Voce pode encontrar paleta de cores na internet bem como os codigos de cada uma delas. Alguns softwares da Microsoft tambem possuem essa paleta, Paintshop e Photoshop tambem. (paleta de cores na web).
Eu uso a paleta do Photoshop aonde eu posso clicar na cor que eu gosto e ela me da o codigo. Alias se alguem usa o Firefox ele tem um plugin que tambem faz isso.
Dentro do arquivo CSS voce vai encontrar inumeras vezes codigos de cores, e o primeiro passo pode ser dificil, principalmente para aqueles que ainda estao engatinhado no codigos CSS, mas eh fundamental: Identificar a que parte do template exatamente a cor se refere. Abaixo algumas declaracoes que definem cores:

body {
margin:0;
padding:0;
font-family: Georgia;
font-size: 0.9em;
text-align:center;
color:#4d4c71;
line-height:1.3em;
background: #ffffff url(’http://img517.imageshack.us/img517/4063/snow9we.gif’);
}
a {
color: #007dcc;
text-decoration:none;
}
a:visited {
color: #007dcc;
}
a:hover {
color: #007dcc;
text-decoration:underline overline;

O que essa declaracao esta dizendo eh que para o texto principal a cor eh: #4d4c71, e para os links : #007dcc, nesse caso os links visitados e quando o mouse passa por cima estao da mesma cor pq eu modifiquei, mas nem sempre eh assim, alias na maioria das vezes nao eh assim.

Indentifique todas as cores que quer mudar, e tome nota ou marque em algum lugar o codigo delas.

Quando comecei a fazer alteracao eu sabia muito pouco de CSS, e ficava exausta indo item por item do codigo procurando pelas cores para altera-la. Mas a pratica ensina, e hoje eu faco diferente:

1 - Copie e cole num editor de texto todo o codigo CSS (notepad eh o melhor)

2 - Usando o recurso: Edit>Replace coloque ali no “find what” a cor que vc quer alterar, e no “replace with” a nova cor, sempre usando os codigos.

3 - Republique e veja o resultado. Talvez voce tenha que fazer isso algumas vezes. Pode acontecer de que em alguns lugares a cor esteja numa variacao de ton e vc tem que novamente repassar o codigo para tentar acha-la.
Essa eh a maneira mais rapida de fazer a mudanca de cores, porque muitas vezes as cores se repetem em varias declaracoes diferentes responsaveis por uma determinada parte do template.

Esse esquema pode ser usado nao so para mudar as cores das letras mas tambem as cores de fundo, bordas, etc…

Quem tentar depois me diga se obteve sucesso.

Espalhe e divirta-se: