maio 10, 2011

Tutorial - Postagem para cima

Assim como as barras laterais (colunas laterais) a postagem também é
uma coluna, conhecida como na maioria daz vezes de column center
(coluna central), saber disso já ajuda bastante nesse tutorial, então
vamos lá, vá em Design > Editar HTML > Ctrl + F > e procure por :

.main-inner .column-center-inner {

deve estar mais ou menos assim:
.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
 }
então acrescente abaixo antes de fechar a chave:  margin-top:-30px;
devendo então ficar assim:
.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
  margin-top: -30px;
}
Lembrando que o valor -30 você altera como achar melhor, e que o que sobe são os elementos das postagens o fundo das postagens não sobe. Ex:
 tutorial testado apenas no modelo travel do blog.

15 comentários:

  1. - sooorteio no Days Ago, ajuda a divulgar ? http://contos-da-lua.blogspot.com/2011/05/sorteio-de-um-layout-estilo-alice.html

    ooobg :** fica com Deus :}

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Obrigada pelo tutorial!

    sorteio no meu blog querem participar?

    www.flashcute.blogspot.com

    ResponderExcluir
  5. Adorei o tuto.
    Visita e comenta?
    girlteen-s2.blogspot.com

    ResponderExcluir
  6. - aneim sá que feliz :} muuuuuuuuito obg por divulgar õ/

    ResponderExcluir
  7. Adorei o tuto, já fiz.
    comenta?
    trueagirl.blogspot.com

    ResponderExcluir
  8. Oii eu gostaria muuito de aprennder como fazer esse menu do
    http://sogarotasentendem.com/

    ResponderExcluir
  9. Luh M.: flor você pode tentar fazer algo parecido aqui com imagens, entra: http://material-extra.blogspot.com/2011/01/tutorial-imagem-que-muda-quando-o-mouse.html caso não entenda deixe seu e-mail que te explico melhor.

    ResponderExcluir
  10. Há tempos não via um blog tão lindo, parabéns!!!

    ResponderExcluir
  11. Oii, AMEI o Tutorial, mas eu gostaria de saber como faz isso, mas com as colunas dos Gadgets :)

    http://maariihsouza.blogspot.com/

    ResponderExcluir
  12. Marina: flor tem o tutorial aqui http://material-extra.blogspot.com/2011/03/tutorial-barras-laterais-para-cima.html

    ResponderExcluir