27/10/2012

Tutorial : Coloque a barra lateral (sidebar) mais pra cima ou pra baixo


Tumblr_luz345yok51qjzvcco1_500_large
Todos os créditos para o Other Things - Attitude Incu
É muito bonito, e dá um charme ao seu blog. E o melhor: É muito fácil!  Confira abaixo, um exemplo do blog Go Imagine, que está usando a barra lateral mais para cima. Inclusive, aprendemos esse tutorial lá, então créditos pra eles ok?
Clique em leia o resto da postagem para ver o tutorial. 

1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .column-left-outer {  Caso sua coluna seja no lado esquerdo
.main-inner .column-right-outer { Caso ela seja no lado direito 
2- Cole logo abaixo fazendo as alterações desejadas :
margin-top: -100px;
* Caso você queira que a barra fique mais para baixo, coloque :
margin-top: 100px;
3- Mais uma vez, aperte CTRL+F e procure por :

.main-inner .fauxcolumn-left-outer {  caso a coluna seja no lado esquerdo
.main-inner .fauxcolumn-right-outer {  caso a coluna seja no lado direito

4- Cole logo abaixo fazendo as alterações desejadas :
margin-top: -100px;
* Caso você queira que a barra fique mais para baixo, coloque :
margin-top: 100px;
Visualize, deu tudo certo? Pode salvar! Espero que tenha gostado do tutorial, beijos.

Nenhum comentário: