30/08/13

Tutorial: Remover espaços indesejados do blog


Oi amigos! Já estou em casa e já retribuí os comentários. Tenho de fazer-vos uma pergunta: o que acham mais útil, grupo no facebook ou fan page? O blog tem fan page mas ninguém vê '-' Se calhar o grupo era mais "participativo".

Bem, hoje eu trouxe um tutorial que utilizo muito: remover espaços indesejados do blog. Espero que gostem.


Remover espaço acima do título do post

1- Vai ao html do teu blog e procura por /* Posts. Vais encontrar o seguinte código:

h3.post-title {
  margin-top: 20px;
}

2- Regula o valor do margin-top para diminuir o espaço. Podes usar o "-" à frente do número, ele faz subir.

Remover espaço da navbar

1- Vai ao html do teu blog e procura por /* Header. Vais encontrar o seguinte código:

.header-inner.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}

2- Apaga o código acima e substitui por este:

.header-inner {
margin-top: -45px;
}
.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}  

3- Altera o valor do margin-top.

Remover espaço do rodapé

1- Vai ao html do teu blog e procura por .footer-inner {. Vais encontrar o seguinte código:

  background: transparent $(footer.background.gradient) repeat scroll top center;

2- Apaga isso e substitui por isto:

 margin: -30px;

Espero que tenham gostado!
Beijocas :3

6 comentários:

  1. Adorei o tutorial, no meu próximo layout já sei onde conseguir.

    Beijinhos // Era Uma Vez...

    ResponderEliminar
  2. Se parece bastante com essa http://blog-catchme.blogspot.com.br/2013/01/tutorial-removendo-espacos-indesejados.html#comments até o titulo saushasha

    ResponderEliminar
  3. Adorei os tutoriais, sempre os usoo!! <33
    Kiss
    With You

    ResponderEliminar
  4. Amei os tutoriais,são bem úteis!!
    Bjs
    Minha Mãe Me Ensinou

    ResponderEliminar
  5. Adorei os tutoriais, bem úteis!
    Bem explicadinho ^-^

    ~ Beijos ;*
    Cantinhodaslovelys.blogspot.com.br

    ResponderEliminar
  6. Adorei os tutoriais, leegais cat ;)

    Instagram: samaralima_03

    BLOG *-* < tudodiferentecomsamaralima.blogspot.com.br/ >

    Ótimo sábado, beijos sz.

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias