20.7.14

Mover o cabeçalho do blog (como IMAGEM)


Okaeri :)

O tutorial de hoje talvez não seja dos mais complexos, mas a verdade é que nunca o vi em lado nenhum, e acho bastante útil. Sabem quando fazem a sidebar desalinhada com os posts, querem colocar um cabeçalho como prolongamento da área de post mas, ao inserir a imagem, ela fica por trás da side? Ou quando, ao inseri-lo, fica um espaçamento enorme entre a parte de baixo do cabeçalho e as postagens? Bem, este tutorial consegue movê-lo (contando que seja uma imagem) para qualquer lado, assim resolve mediatamente todo o tipo de problemas.

Prévia:

Layout atual do meu blog Forever Sapo. Não é lindo? ;)

Tutorial:

Procure por:
/b:skin
Acima cole:
#header-inner {
margin-top: -100px;
margin-right: 0px;
margin-bottom: -50px;
margin-left: 200px;
}

Ok, esse foi só um exemplo, você pode mudar os números como quiser. Para reduzir o espaço entre o fim do cabeçalho e o topo dos posts, é só aumentarem o valor negativo da margin-bottom, para o chegar mais para a direita, aumentem o número em margin-left... bem, vocês descobrem isso sozinhas.


3 comentários:

  1. Me ajudou muito, consegui consertar a foto, obrigada :D

    ResponderEliminar
  2. CARACAS , me ajudou bastante não tinha encontrado em lugar nenhum mesmo <3 obrigado

    ResponderEliminar