Image Map

22/09/2012

Como subir a barra lateral do blog


Oi estrelas , tudo bem ? Espero que sim . Bem hoje vim trazer um tutorial bem legal e bem usado em blog's mais famosos por ai não é difícil não vejo dificuldade.. Vamos lá estrelas ?? 

 Para subir a coluna esquerda do blog, vá em Editar HTML, aperte Ctrl F e procure por:



.main-inner .column-left-outer {


Deve estar provavelmente assim:



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

Então acrescente logo abaixo desse código antes do colchete :

margin-top: -150px;


E vai ficar assim:


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

E assim as letras subirão. Agora, para fazer o fundo da barra lateral subir, Aperte novamente Ctrl+F e procure por:

.main-inner .fauxcolumn-left-outer { 


Deve estar em seu HTML assim :



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

Cole então esse código antes de fechar os colchetes:

margin-top: -150px;


E ficará assim : 


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

Agora para subir a coluna direita, faça assim:



Vá em Editar HTML, aperte Ctrl F e procure por:


.main-inner .column-right-outer {


Deve estar provavelmente assim:



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

Então acrescente logo abaixo desse código antes do colchete :

margin-top: -150px;


E vai ficar assim:


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

E assim as letras subirão. Agora, para fazer o fundo da barra lateral subir, Aperte novamente Ctrl+F e procure por:

.main-inner .fauxcolumn-right-outer { 


Deve estar em seu HTML assim :



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

Cole então esse código antes de fechar os colchetes:

margin-top: -150px;


E ficará assim : 


.main-inner .fauxcolumn-right-outer {
        width: $(main.column.left.width);
        margin-top: -150px;
      } 
Bom é isso ! Todos os créditos para Deby Sabe tudo  . 
 

Nenhum comentário:

Postar um comentário