Tutorial: Subindo barra lateral

Tumblr_m31v9l4pof1rqnwoyo1_500_large
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


2 comentários:

  1. Já conhecia o tutorial mais foi bom lembrar. Aqui ta lindo flor. Seguindo aqui, passa lá no blog se gostar segue também?
    http://rosaschiclete.blogspot.com.br/

    ResponderExcluir
  2. Parabééns pelo tuto e pleo blog! Gostei dqaqui, tou seguindo.
    Ficarei feliz de te ver segundo meu cantinho.
    Beijos
    http://nateeladopc.blogspot.com.br

    ResponderExcluir

Ola , obrigada por estar comentando !
- Não esqueça de deixar a url do seu blog para que eu possa visita-lo (a)
- Por eu não ter tempo de repassar , não aceitarei para tags nem selinhos ! Desculpe-me ...
- Respeite á todos !