Quando alguem fala que pra fazer coisa XxX precisa alterar propriedades CSS logo você pensa : “I, vai da tudo errado”. Pelo menos eu pensava assim quando não sabia mais um dia fui tentar na prática e… Tchrãn! Funcionou(Claro que passei em site sd eestudo CSS antes ). Por exemplo, criei um “CSS do header” para o tema Freshy by Jide disponível para download no wp-themes.com.

1º Passo : Sabendo quando começa e quando termina uma propriedade CSS

Vocês acham que Pedro Álvares Cabral(acho que é esse o nome, não o cito desde a 4ª série) teria descoberto o Brasil sem saber onde começava e onde terminava o mar? Com o CSS é a mesma coisa vamos mostrar :

{
## header
float:top;center
margin:0x0px
position:left:50px;top:50px
img local(/images/header.png)
}

O que interessa para nós são os “{”      e        “}” . O [ { ] mostra que está começando uma propriedade. Os ## vem antes do título do item que vamos editar. O [ } ] significa que as propriedades do item citado linhas acimas está no fim.

2º Passo : as propriedades geralemnte usadas em header.

Normalmente são float,margin,position e img local.

A propriedade “float” é usada para indicar se e onde o objeto(no caso o Cabeçalho[header]) irá flutuar. Como uma position, porém, pré definido pela W3C. “margin” é útil se a imagem não tiver fundo, pois definid a margem da imagem. Por exemplo, se uma imagem tem 50×50px e margin 5×5px ou 5px a iamgem terá no total 55×55px. Só que, esses 5pxs serão adicionados para dar um espaço as iamgens. Ideal se você quer fazer os ícones da taskbar
A propriedade position você ja deve saber…
“im local” defini-se ao local da imagem do cabeçalho. Ou seja, /images/header.png refere-se normalmente à [Diretório Wordpress]/wp-content/themes/TemaXxX/images/header.png .

Vá fundo!

Se só o cabeçalho pra você é pouco, abra uma Folha de estilos CSS de um tema e modifique-a com base nesses dados. Lembrando que, o header é normalmente localizado em :

*******************************************************************************************
**********************
***********************************
***********************************
{
## header
float:right
margin:0px
position:left:50px;top:50px
img local(/images/header.png)
}
**************************************
***********************************************************
*************
**********************

Não pare por aí!

Existem muitos sites de aprendizado CSS que podem dar mais informações.

——————————–
Se alguem tiver uma crítica/dúvida/elogio ou eu tenha colocado algo errado por favor comente, eu escrevi este psot com preça.