26 agosto 2012

Tutorial:Como subir a barra lateral.

Olá docinhos de cacau.Como estão?
Bom esse tutorial é muito fácil,ela fica que nem a barra lateral do blog,mas claro que fica menor!
Bom,se quiserem ver,leiam mais!

 Primeiramente queria dar créditos á Todos na Net!
Vá em Design > Editar HTML > 
Aperte Ctrl  F e procure por:      
                                                                                                                         


.main-inner .column-left-outer {      Se vc usa a coluna esquerda
.main-inner .column-right-outer {    Se você usa a coluna direita

Quem usa a coluna esquerda vai encontrar o código mais ou menos assim:
                                                                                            
 .main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}

E que usa a coluna direta, mais ou menos assim:

.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);

Ao encontrar esse trecho coloque o seguinte código ao lado da chave:
margin-top: -150px;  
 altere como quiser o numero


Ok, veja que apenas as letras subiram..
 Agora para subir o fundo..

aperte ctrl f novamente e procure por:
.main-inner .fauxcolumn-left-outer {        coluna esquerda
.main-inner .fauxcolumn-right-outer {      coluna direita
E logo abaixo de:
width: $(main.column.left.width);        Coluna no lado esquerdo
width: $(main.column.right.width);      Coluna no lado direito


Coloque novamente o código:

margin-top: -150px;

 
Espero ter ajudado!
Beijos ^^

2 comentários:

  1. Já conhecia o tuto, mas mesmo assim ta ótimo ^^
    s2hay . blogspot.com

    ResponderExcluir
  2. Ja conhecia, na vdd eu tinha no meu blog, mas foi hackeado.
    Beijo, Lili.
    Princesa Imperfeita / Foi hackeado e mudou de url.

    ResponderExcluir