4 Tutoriais : Barra fixa no topo, Postagem no topo , ...

Ola amores! Eu sumi né?! Finalmente decidi oque trazer pra vocês e vai ser uma pack de resources e um layout free - então vocês perceberam que eu fiquei em duvida e resolvi fazer os dois rs' - Hoje eu trouxe esses tutoriais porque sempre uso eles e acho eles bem uteis. São tutos de : Como colocar uma barra fixa no seu blog , retirar espaço entre o cabeçalho e a navbar, remover as bordas do template viagem e remover o espaço entre a postagem e o cabeçalho.

Primeiro vamos Retirar as bordas do Template Viagem:

Vá no HTML do seu blog, clique no código, aperte CTRL+F e procure por .content-outer .content-cap-top { e exclua oque está destacado (x), salve e você vai ver que aquelas bordinhas horríveis sumiram!
Segundo Remover o espaço entre a postagem e o cabeçalho :
Ainda na caixa de HTML do seu blog, dê CTRL+F e procure por .main-inner { e abaixo desse código cole margin-top: -100px; 
Terceiro Como colocar uma barra fixa no seu blog
Também na sua caixa de HTML procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> e abaixo desse código cole
<div style=" background-image: url('URL DO PATTERN'); top: 0px; left: 0px; width: 100%; height:40px; z-index: 100; position: fixed;"></div>
 Oque está em negrito é aonde você ira colocar a url da sua barrinha e oque está em itálico é a altura da barrinha, você modificará até ficar na altura que desejar.
Quarto Retirar espaço entre o cabeçalho e o navbar
Na caixa do seu HTML procure por /* Header irá aparecer assim:
/* Header
----------------------------------------------- */
.header-inner.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}
Selecione o trecho acima desde .Header-inner.Header . titlewrapper até } e substitua por:
.header-inner {
margin-top: -45px;
}
.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
 altere só o que está em negrito e salve!
Pronto! Por hoje é só mas, outro dia trarei mais tutoriais. XoXO

Um comentário:

Anônimo disse...

Eu postei esse tuto esses dias no meu blog, não sei se é parecido com esse, mas adorei ♥ Beijos LenaH.
HoneySweetHs.blogspot.com

Postar um comentário

Oie, pode comentar a vontade, mais antes siga as regras.

- Não é permitido usar palavras insultantes.
- De criticas construtivas!
- Aceito "segue de volta", mas comente sobre o post primeiro né!
- Tem vaga para afiliados é só pedir!
- Deixe o link do seu blog para eu retribuir a visita!!!
Bjs ♥

Algumas fofuras para você usar:
ッ ≧✯◡✯≦ ≧^◡^≦ :[ ✿◕ ‿ ◕✿ ➳♥ ❣ ☜♡☞❤ ❥ ❦ ❧ ♡ ✗ ✘ ⊗ ♒ Ω ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ✦ ✧ ♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃