outubro 24, 2011

Tutorial - Retirar espaço entre o cabeçalho e o navbar

Oi minhas bananas com molho de tomate (ecaaa ~' kkk) hoje vim com um tutorial bem procurado e pedido. É bem simples, apenas alterando algumas coisinhas e pronto. Vamos começar? Vá em > Editar HTML > Ctrl + F > procure por /* Header deve aparecer assim:

Poderosos: sem vocês eu não sou nada :}


/* Header
----------------------------------------------- */
.header-inner.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}
Selecione tudo que esta em azul e cole no lugar isto:
.header-inner {
margin-top: -45px;
}

.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
} 
Altere o valor de -45px para o valor que preferir, visualize se estiver tudo certo, salve.Se for ver bem, vai notar que só separei a parte de cima e acrescentei margin-top fácil né? Beijos meus amores.

50 comentários:

  1. Eu ja tinha retirado o espaço do meu.
    Mas quando precisar de retirar o espaço pra fazer um lay free ja sei onde encontro o tuto!
    -meu blog nos poderosos de novo? :D

    bjs
    http://blogportalteen.blogspot.com

    ResponderExcluir
  2. aaain, adorei o tutorial. quando eu precisar já sei onde tem *-*. aff, aqi tem tudo mesmo u.u haha .

    beeijos karol ;*
    - http://crazyteens-blog.blogspot.com/

    ResponderExcluir
  3. Não gosto muito da navbar, mais o tuto é perfeito para quem gosta!

    Beijinhos,
    http://coisasdegarotasoficial.blogspot.com

    ResponderExcluir
  4. Ótimo tutorial, mas eu prefiro não usar a navbar!

    www.garotadeallstar.tk

    ResponderExcluir
  5. kk adorei amor!! bjs http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  6. Amei o tuto, super facil;)
    BJS

    http://thingseverornever.blogspot.com/

    ResponderExcluir
  7. é um tutorial muito bom, e ajuda bastante ^^ Adoooro!

    ResponderExcluir
  8. Era disso que eu precisava! Eu conto com esse blog desde que comecei o meu. Aprendi HTML aqui, que bom que o M-E vai estar sempre aqui pra me ajudar! Obrigada Karoline!

    vdmoda.blogspot.com

    ResponderExcluir
  9. Boa dica! Gostei do seu cabeçalho!

    Seguindo, segue de volta?!
    garotas100teen.blogspot.com

    ResponderExcluir
  10. Ótimo tutorial *----*
    Sweet Poison poderoso ^^

    Beijos >.<

    http://blog-sweetpoison.blogspot.com/

    ResponderExcluir
  11. Adorei o tuto, tava querendo saber mesmo como subir mais meu cabeçalho.
    Tem post novo. Comenta?
    Girl Teen

    ResponderExcluir
  12. Hey querida seguindo aqui,seg la de volta se gostar bjbj


    http://quasepuberdade.blogspot.com

    ResponderExcluir
  13. Ótimo tutorial né? andava a procura desse tutorial e encontrei ele :P
    pode ser que eu use no próximo layout, já que não cai tão bem assim esse tutorial, no layout atual.

    Visita?

    http://meublogblogdadanii.blogspot.com/

    ResponderExcluir
  14. Ameei o tutorial, mas eu não uso navbar *-*
    Beijoos...

    Cantinhodagabiih.blogspot.com

    ResponderExcluir
  15. Ouu querida obrigada pelo carinho!
    Já fui em vários blogs de tutorias, e todas essas coisas que são muito importantes, mas o seu foi um dos que fizeram a diferença desde a primeira vez de que entrei, admiro muito tudo aqui, cada post, cada imagem, simplesmente encantador, ahh e saiba vou estar sempre aqui acompanhando o blog com muito carinho.
    Quando você encontra algo bom, você o guarda com muito carinho.
    Deus abençoe
    http://asoonhadora.blogspot.com

    ResponderExcluir
  16. Amei teu blog flor, jah seguia aki antes ^^ Adoro seus tutoriais :) Mas não vou poder participar do concurso, perdão :/ Bjs fofa volte sempre

    ResponderExcluir
  17. Ohh linda, que comentário fofo que você fez :)
    Não tens de agradecer, és fofa, seu blog é fofo, aqui é simplesmente espetacular, e eu #amomuitotudoisso. :)

    ResponderExcluir
  18. Acabei de usar esse tuto no outro blog de teste, e é super fácil!!

    ResponderExcluir
  19. Oie! Gostaria de saber onde esta o post explicando como participar da promoção e tb eu gostaria de só ganhar o super destaque... aguardo resposta

    Lambeijos da Nina e bom fim de semana!!!

    ResponderExcluir
  20. Nina: na comunidade flor, na barra lateral tem o link

    ResponderExcluir
  21. Oifofa (:

    O tutorial é muito bom, mas em meus themes de encoemnda eu geralmente retiro a Navbar.

    Seu blog é uma fofura.

    Bjonas (:

    Fique com Deus ♥

    ResponderExcluir
  22. Ai que lindaaa!
    Obrigada por colocar meu comentário em "recadinhos com carinho" :D

    ResponderExcluir
  23. AMEEEEEEEI. *-*
    Minina, tava procurando isso pra mais de milênios! Salvação de minha vida, muito obrigada por postar isso! (santo drama do exagero, sempre me persegue w-w)

    Shuahsuasa' xD
    Adorei mesmo. ^-^
    Aqui não tem erro, só tem é tudo o que a gente procura. *-*
    Agora vou poder terminar o meu blog! \õ/

    ResponderExcluir
  24. kkkkkk *-*
    aaa você mudou o ME outra vez, sempre visito e está com um novo design♥ perfeito é claro. Poxa que bom ter curtido o novo design lá do TT *o* se você diz que ta bom então .. nem duvido kk

    ResponderExcluir
  25. Nao consegui qual eo tanho certo pra ele fica bem la em cima?

    http://modanaadolencencia.blogspot.com

    ResponderExcluir
  26. Candy: AAH QUE LINDA TE AMOO FLOR.
    Things: Flor vai aumentando até acertar no valor.

    ResponderExcluir
  27. Extamente na hora que eu tva procurando jesus BEIJOKAS

    ResponderExcluir
  28. Blog salvo em meus favoritos! Adorei ;)
    http://mulheresqueusam.blogspot.com.br/

    ResponderExcluir
  29. Ebaa, deu certo! Esse tuto salvou meu dia kkk'

    ResponderExcluir
  30. Amém senhor, finalmente achei o tuto que precisava \o/
    Amoore, eu sou a Hellen do antigo SWEET SMILE lembra??'

    http://blog-letsbehappy.blogspot.com.br/

    ResponderExcluir
  31. ^^ Muito obrigado, a um tempão estava tentando achar um modo de fazer isto >.< ...


    http://garotadegravata.blog.br

    ResponderExcluir
  32. Muitoo Bom, parabêns
    Visita ai gente e vira seguidor, sigo todos de volta
    dreamscape-br.blogspot.com.br

    ResponderExcluir
  33. Amei o tuto, eu uso ele ;)

    visita ~http://minhasstuff.blogspot.com.br/~

    ResponderExcluir
  34. Me ajudou bastante!
    Muito obrigada por postar esse tuto :)

    ResponderExcluir
  35. Legal me ajudou muitoo
    http://doce-girll.blogspot.com

    ResponderExcluir
  36. Obrigado Karoline, encontrei o cód. q precisava.

    ResponderExcluir
  37. cheguei aqui por acaso procurando como remover a navbar e me deparo com alguem que gosta de KPop, acabei de publicar um post sobre http://patinandoecantando.blogspot.com.br/2013/08/k-pop-girls-generation-em-ensaio-sobre.html

    ResponderExcluir
  38. Parabéns! Tutorial muito simples e efetivo. Obrigada! Bjss

    ResponderExcluir
  39. Encontrei o que precisava, muito obrigada ! http://purplestreakss.blogspot.com.br/

    ResponderExcluir
  40. Adorei! Resolveu meu problema de maneira super fácil! Obrigada!

    ResponderExcluir
  41. Na verdade eu quero descer essa parte branca, pra minha imagem aparece junto com o Fundo do blog, HELP! :/

    ResponderExcluir
  42. Muito muito muito útil! Funcionou \o/

    ResponderExcluir
  43. Obrigada. :) Achei no google e me ajudou muito, to voltando a blogsfera. xx

    ResponderExcluir
  44. Me ajudou muito, e funcionou bastante. Kissus!

    ResponderExcluir