Tutorial: Subindo barra lateral

We Heartit

Oii !

Eu não posto muitos tutoriais não é ? Então hoje eu vou postar um tutorial do blog Sweet Time então créditos á Dalva , espero que gostem , é super útil !

Tutorial :

Código da barra lateral esquerda:

.main-inner .column-left-outer {

Código da barra lateral direita:

.main-inner .column-right-outer {

Ok. Agora pra subir as letras vamos fazer assim:

Procure o código correspondente a sua barra lateral digitando ctrl+f . Depois procure esse trecho:

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

Antes de fechar as chaves nessa última linha, coloque o seguinte código:

margin-top: -150px;

Vai ficar assim:

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

margin-top: -150px;

}

Onde tem -150px você pode ir mudando o número e visualizando pra ver como fica bom pra você.

Depois disso visualize, as letras irão ter subido.

________________________________

Subindo o fundo da barra lateral:

Código da barra lateral esquerda:

.main-inner .fauxcolumn-left-outer {

Código da barra lateral direita:

.main-inner .fauxcolumn-right-outer {

Procure o código correspondente a sua sidebar.

Deve estar assim:

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

Agora antes de fechar as chaves coloque o seguinte código:

margin-top: -150px;

Deve ficar assim:

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

margin-top: -150px; }

E é só ir mudando o número !

Créditos á Sweet Time !

Beijos e espero que tenham gostado !

-Gaby