domingo, 25 de julho de 2010

Mudar o tamanho do cabeçalho

Uma das primeiras coisas que uma pessoa pensa em mudar no blog é o tamanho do cabeçalho. É muito simples, é quase uma introdução ao HTML.


  1. Vá em Design de seu blog e Editar html e procure por :

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }


    Widht varia de HTML para HTML.Width é a largura do cabeçalho. Aumente ou diminua de acordo com o tamanho que quer. NÃO apague o "px"
  2. Para muda a altura do cabeçalho, acrescente logo após widht :

    #header-wrapper {
    width:660px;
    height: 290px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    Sendo height a largura. Pode variar também. Faça sua imagem e hospede no Tinypic.
  3. Depois de hospedada a imagem acrescente o seguinte codigo destacado:

    #header-wrapper {
    background: url(URL DA IMAGEM) no-repeat;
    width:660px;
    height: 120px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;

    Onde diz URL DA IMAGEM , você coloca a url da imagem hospedada.

  4. No-repeat diz como a imagem será apresentada no cabeçalho:

    No-repeat: a imagem não repete
    Repeat: A imagem repete por todo o cabeçalho.
    Repeat-y: a imagem repete verticalmente
    Repeat-x: a imagem repete horizontalmente

  5. Border: Existem varios tipos de borda para o cabeçalho:

    dashed: borda tracejada
    solid: borda linha
    double-> borda linha dupla
    none->nenhuma
    Para colocar algum dessas substitua "Solid" pela sua opção;

Nenhum comentário:

Postar um comentário