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 Comente pelo Blogger
Comente pelo Facebook