Home
Tutoriais
Efeitos
Ilustrações
Menus
Psds
Vagas
F.A.Q
Mapa
Layout free

Tutorial: Subir e descer o a sidebar ou o post na altura do cabeçalho.

Para recompensar o tempo que eu fiquei sem postar, eu trouxe mais um tutorial, se bem que o que eu trouxe mais cedo não foi um tutorial e sim um utilitário mas ... vamos fingir okay? 
Bom, uma anonima no ASK do blog estava com duvida, porque o quadro de postagem dela tinha ficado em cima do cabeçalho o atrapalhando, então eu vou ensinar como descer ou subir tanto quanto o quadro de postagem quanto a sidebar... porque as vezes vocês querer subir a sidebar pra ficar um blog mais diferenciado, mas enfim vou ensinar o dois. 
Eu não lembro de quem eu peguei esses códigos, porque quem me conhece sabe que eu pego os códigos e vou salvando no Word no meu pc, para que quando eu precisar eu terei lá, então se eu lembrar ou alguém saber eu coloco os créditos certo? 

"Lembrando que agora para procurar alguma coisa no editor de HTML, você vai precisar clicar no quadro e clicar em Ctrl+F e aparecerá uma caixinha cinza com um titulo Search"
É só procurar a sua tag nesse quadrado livre e depois pressionar enter que irá direto a sua procurada tag.


  • Subir ou descer o post

Primeiro vá em Modelo → Editar HTML
Se seu problema é com o quadro de postagem para subir ou descer ele então você vai  procurar por: 
.main-inner .column-center-outer {
E dentro das chaves "{ }" cole:
margin-top: -100px;
Pra quem não entendeu eu tirei um print para mostrar aonde colar:

Então quando colar esse código, é só modificar o numero que está em negrito, lembrando que negativo sobe a caixa de postagem e sem o sinal ou seja pra quem adora matemática que no caso não sou eu, positivo é o que desce a caixa. 



  • Subir ou descer a sidebar


Para subir ou descer a sidebar é simples, totalmente igual o de subir o post, só muda o código. 
1º Passo: 
Se a sua sidebar for da esquerda, você tem que procurar por esse código:
.main-inner .column-left-outer {
Se sua sidebar for da Direita você tem que procurar por:
.main-inner .column-right-outer {

Antes de fechar a chave que nem eu expliquei no de subir post ai em cima, você cole:
margin-top: -100px;
Mudando o numero e os sinais como desejar.

2º Passo:
Se sua sidebar for da esquerda tem que procurar por esse código:
.main-inner .fauxcolumn-left-outer {
Se for da Direita procure por:
.main-inner .fauxcolumn-right-outer {

Cole antes de fechar as chaves:
margin-top: -100px;
Modificando os números como eu disse.

Visualize e vê se tá tudo certo, se estiver é só salvar e pronto.
Se não entenderem é só perguntar nos comentários.



7 comentários:

  1. Ótimo tutorial! Muito bom! Eu já conhecia, mas ele é muito útil. Amei o blog, eu sou Directioner e achei o Layout L-I-N-D-O!
    Malikisses c:
    london-things

    ResponderExcluir
  2. Me ajudou bastante esse tutorial para o template que estou fazendo, muito obrigada, seu blog é super ultil, 1D *---*

    http://garotasqcurtemanime.blogspot.com.br/

    ResponderExcluir
  3. Você me salvou. Estava procurando que nem louca. Muito obrigado mesmo.

    ResponderExcluir
  4. Nossa , me ajudou mtt esse tutorial .. na realidade ele me salvou , pq eu n tava conseguindo deixar a area das postagens da mesma altura q a sidebar. Brigadaa viu ! Gostei mtt daqui , e espero q voc venha conhecer meu blog qndo ele tiver pronto ! *------*

    ResponderExcluir
  5. Ajudou! Único tuto que funcionou :)

    ResponderExcluir