Tutorial: HTML - Subir Sidebar

Bom, o post de hoje é super rápido e prático. Não estou com vontade e nem com clima de postar hoje, estou fazendo isso por pura obrigação.

Esse post foi postado a muito tempo no meu blog pessoal, mas já foi até deletado e tal. Enfim, vou aproveitar que ele ta off lá e dar um ctrl+c / ctrl+v porque foi eu que fiz. Beijas.

Primeiro dê Ctrl+F ou F3 e procure por:

.main-inner .column-right-outer {  (Se sua Sidebar estiver do lado DIREITO)

.main-inner .column-left-outer {   (Se sua Sidebar estiver do lado ESQUERDO)

Se sua Sidebar estiver do lado Esquerdo, vai aparecer algo parecido com isso:

   .main-inner .column-left-outer {

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

        right: 100%;

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

      }

Se ela estiver do lado Direito, vai aparecer algo como isso:

    .main-inner .column-right-outer {  

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

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

      }

Acrescente: margin-top: -230px;  depois de {

Ela ficará assim se estiver á direita:

  .main-inner .column-right-outer { margin-top: -230px; 

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

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

      }

Se for esquerda, e assim:

.main-inner .column-left-outer {margin-top: -230px; 

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

        right: 100%;

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

      }

Editem o número -230 até ficar na altura que você quer. 

Eu não precisei fazer essa segunda parte, depende do modelo de template que você usa e como você o editou. Talvez, você perceba que os gadgets subiram, mas o fundo não. Para subir o fundo procure por: 

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

Se estiver do lado direito

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

Se estiver do lado esquerdo

Você vai encontrar um código assim: 

 Se for Direita:

main-inner .fauxcolumn-right-outer {

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

 }

 Se for Esquerda:

 widht .$(main.column.left.widht); {

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

 }

Substitua este código PELO MESMO que você colocou acima. Este: 

.main-inner .column-left-outer {margin-top: -230px; 

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

        right: 100%;

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

      }

Se estiver a esquerda, e o outro se estiver a direita.

(Lembrando que você deve alterar os números até ficar na altura que você quer)

Bom, é isso. Não vou tirar print porque esse tutorial é mega-hyper-simples, nem um retardado mental não conseguiria fazer.

O post de hoje foi feito desse jeito porque eu me confundi e achei que postaria só dia 06, e eu preparei post pra dia 06: Se vocês quiserem saber sobre esse post (que vai ser um tutorial em vídeo), visitem (X) e (X).

É meu blog pessoal. Enfim, bye.