11 março 2013

Tutorial: Subindo as guias à altura do cabeçalho

oi gente, faz tempo que eu não posto tutoriais não é mesmo? pois bem, hoje tenho um tutorial super facil e rápido de se fazer. Quer? então clique em leia mais!!



então vamos nessa!

1° passo: vá no seu Html e procure por:
.tabs-inner .section {
2° passo: Se você nunca mexeu nessa parte do seu html, ela vai estar mais ou menos assim:


.tabs-inner .section {
margin: 0;
}
então substitua toda essa parte por esse código:
.tabs-inner .section {margin: 0; margin-top: -150px; /* altere o numero, se quiser para cima, mais, e se quiser para baixo, é só colocar menor numero. não altere o sinal - caso ao contrário, descerá a guia */ }
Legenda, como diz, altere o -150px por o número que preferir (Ex.: -100px -50px ...) quanto maior for o n°, mais pra cima fica, quanto menor o n°, mais pra baixo fica. Mais ainda não acabou...

3° passo: agora procure por:
.tabs-inner .widget ul {
4° passo: assim que achar, antes de fechar o "}", cole o código:
margin-top: -150px; margin-top: -50px;    
5° passo:  daí você vai mudando esse três números, o de cima, e o ultimo. até chegar a altura que você quiser. se não funcionar, você tem que re-ler o tutorial pois você fez coisa errada. pois esse tutorial já foi testado no meu blog.

bom, por hoje é só!
beijos,

12 comentários:

  1. Adoro tutoriais, ficarei de olho quando voc~e publicar outros....

    Beijokss

    Vanessa - Blog do Balaio
    http://balaiodelivros.blogspot.com/

    ResponderExcluir
    Respostas
    1. que bom que você adora tutoriais! eu também amo, e quem não ama? dificil..
      eu as vezes publico, quando publicar te aviso ;)

      beijos,

      Excluir
  2. amei o tuto, parabens'
    Flor, adorei o seu blog e claro, ja estou seguindo.'
    Se não conhece, vem me visitar também e se gostar, segue de volta ok?
    Beijo grande
    Blog | <a href="https://www.facebook.com

    ResponderExcluir
    Respostas
    1. que bom que gostou do tutorial!
      obrigada por me seguir,

      beijos,

      Excluir
  3. Oi querida!

    Seus tutoriais são sempre bem explicadinhos. Deby sabe tudo de tutorial...rs. Parabéns!

    Beijos da Kika/Blog Acessarte

    ResponderExcluir
  4. Muito útil esse tutorial! Ameeei ;)

    Ei! Tem resenha lá no blog! Venha conferir: Batom De Framboesa.

    ResponderExcluir
  5. Muito bom !


    Bjs
    www.useihoje.blogspot.com.br

    ResponderExcluir
  6. Tav\a todo mundo querendo saber como se fazia aquela barra acima do cabeçalho e voce acabou com esse misterio hehe
    Parabens!

    BEIJOS MIL ♥--♥
    >> Cereja Black = cereja-black.blogspot.com
    >> Like? = CEREJA BLACK

    ResponderExcluir
  7. Tenho um pouco de medo de mexer em lay,ainda mais que o blogger mudou...

    Formula-amor.blogspot.com

    ResponderExcluir

  8. Amei as dicas!
    http://fashionmaniacbrazil.blogspot.com.br/

    ResponderExcluir

Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.