21.4.12

Barras laterais para cima (coluna ao lado do cabeçalho)

Mt simples! 
Como nesse meu primeiro template eu coloquei a barra lateral 
(coluna) para cima ao lado do cabeçalho, vou fazer um tutorial de 
como se faz isso. Design > Editar HTML > Ctrl + F > procure por

.main-inner .column-left-outer {
se o seu blog for com a barra lateral a esquerda, deve estar assim:





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

acrescente isso: margin-top: -150px; abaixo, assim:

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

E então as letras devem subir, para fazer o fundo subir junto procure por:
.main-inner .fauxcolumn-left-outer { deve estar assim:

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




acrescente novamente margin-top: -150px; abaixo assim:

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

Você deve ajustar o tamanho para que fique ao seu gosto ok? 
Se a sua barra for a Direita mude os esta em verde por right. 
E se você tiver as duas barras lateriais, altere nos dois left e right.
Lembrando que esse tutorial é apenas testado no modelo Travel (viagem) do blogger.

MaynaBaby.com Mini gif

Um comentário:

  1. Não deu certo no meu :(
    Deve ser pq o meu modelo nao é o da viagem!!

    ResponderExcluir

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !