26.11.13

Tutorial: subir ou descer a área de post + sidebar


Tadaima, minnas ^^ Hoje não trago nenhum tutorial exclusivo nem adaptado por mim, pelo contrário, ensinarei um dos tutos mais importantes que conheço mas que é bem conhecido. Não é que seja necessário, nem nada. É apenas para que não tenham de andar a saltar de blog para blog sempre que quiserem personalizar coisas no vosso blog. É! Já tinha dito? O meu objetivo é reunir todos os tutoriais do mundo neste cantinho ^^ Obviamente, sem plagiar ninguém...

Hoje vou ensinar a subir ou descer a área de post e a sidebar - evidentemente, serve para quem tem duas sidebars. E uma das adaptações que farei desde já é um que dá erros a muitas pessoas, que é a parte em que procuram pela área de post no HTML. Terei duas opções, e vocês irão procurar por ambas: a que encontrarem, é a vossa. Tá?



Subir/descer a área de postagem


Procure por uma das alternativas e veja qual se encontra no seu layout
.main-inner .column-center-outer {
.post-outer {

Dentro da chaveta, acrescente:
margin-top: -100px;  

Subir/descer a sidebar

Se a sidebar é da esquerda, procure por AMBAS as linhas
.main-inner .column-left-outer {
.main-inner .fauxcolumn-left-outer { 

Se a sidebar é da direita, procure por AMBAS as linhas
.main-inner .column-right-outer {
.main-inner .fauxcolumn-right-outer { 

Dentro das chavetas, acrescente:
margin-top: -100px;  


Ok, agora você pode definir a altura a que quer a área escolhida. Lembrando que, para subir, os números devem ser negativos, e para descer, devem ser positivos. Se quiser anular, simplesmente apague a linha que mandei acrescentar ou troque o 100 por 0. Vá ajustando até ter a altura certa. 

Ja nee ^^

6 comentários:

  1. Oi flor muito obrigada por ter postado! Mas não estou conseguindo fazer pq no meu navegador o seu menu fica bem no meio da pagina, acho que algum conflito!

    ResponderEliminar
  2. Ótimo tutorial, bju! http://vihpaula.blogspot.com.br/

    ResponderEliminar