.

24 dezembro 2012

Tutorial: Subindo a sidebar!


Yooooo o/ (De novo?!)
Depois de muito tempo, mas um tutorial para vocês >.<
Bem, dessa vez vou mostrar como colocar a sidebar (barra lateral) mais pra cima lol

Rapidinho que eu ainda quero arrumar meu cabelo para a festa e natal :3

Let's go!



Vá em Modelo > Editar HTML > Prosseguir
Aperte Ctrl + F e procure por:

Se a sidebar for do lado esquerdo:
 .main-inner .column-left-outer {
Se for no lado direito:
 .main-inner .column-right-outer {

Se você pesquisou no esquerdo ira aparecer mais ou menos assim (se for no direito, não vai ser algo muito diferente :3):


.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}

Acrescente margin-top: -150px; antes do "}"

.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
margin-top: -150px;
}

Agora procure por:


.main-inner .fauxcolumn-left-outer { 

Lado direito:
.main-inner .fauxcolumn-right-outer { 

É mais ou menos assim:
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}

Acrescente margin-top: -150px; antes do "}"

.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
margin-top: -150px;
}

O -150 é o que sobe a sidebar, para sumir mais, só aumente o numero ^^

Bem, é isso ^^
Qualquer duvida avisem o/
Eu to apressada pra arrumar o cabelo @.@

Bye
Kissus >.<




Nenhum comentário:

Postar um comentário