quinta-feira, 31 de maio de 2012

Subindo barra lateral

SUBINDO AS LETRAS:
Bom, primeiro vamos aos códigos:

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; }

Como disse antes é só ir mudando o número :) Agora visualize. Se estiver tudo certo salve :)
Então é isso. Mil beijos,Dalva.

Nenhum comentário:

Postar um comentário