Tutorial - Sidebar fixa (colunas,barras laterais)

• 
  
• 
  
• 
  
• 
  
• Tutoriais
• Para você
• Link-me
• Sobre
• Sobre elas
• Faça seu pedido

♔; MaterialExtra ≀+

agosto 25, 2011

Tutorial - Sidebar fixa (colunas,barras laterais)

Postado por Kαrolıпε Soαrεs≀^~^= 

Oi amores, hoje o tutorial vai ser sobre como fixar as barras laterais do blog, eu por muito tempo procurei e não achei e no final quem me ajudou foi o fabiano do dicas para blogs, então vamos começar?
Vá em editar HTML do modelo > Ctrl + F > se a Sidebar for a Direita(right) procure por:

main-inner .column-right-outer

deve aparecer assim; 

.main-inner .column-right-outer {

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

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

 }

apague tudo o que estiver dentro das chaves e coloque;

margin-top:-10px;

margin-left: 550px;

position:fixed;

 deve ficar assim;

.main-inner .column-right-outer {

margin-top:-10px;

margin-left: 550px;

position:fixed;

}

 se a sua coluna fora a Esquerda (left) procure por: 

.main-inner .column-left-outer

deve aparecer assim;

.main-inner .column-left-outer {

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

right: 100%;

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

}

apague tudo o que estiver dentro das chaves e coloque:

margin-top:-10px;

margin-left: -375px;

position:fixed;

      }

Obs: ajuste as valores de acordo com o que você quer mudando em margin-top e margin-left.