2 de fev. de 2012

Tutorial: Sidebar-faixa (colunas,barras laterais)

|| || ||
Oi amores, hoje o tutorial vai ser sobre como fixar as barras laterais do blog
, 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 que estiver dentro das chaves, e coleque:

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 for 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 que estiverdentro das chaves e coloque:
margin-top:-10px;
margin-left: -375px;
position:fixed;
      }

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

beijoos espero que gostem :*

Nenhum comentário:

Postar um comentário

- Sem ofensas, não seja mal educada.
- De sempre sua opinião.
- Por favor, não diga: "Seguindo, segue de volta?", comente e deixe o url do seu blog, se eu gostar, sigo;
- NÃO DEIXE O LINK DO SEU BLOG, ESTÁ SENDO CONSIDERADO COMO SPAM PELO GOOGLE, DEIXE SEMPRE ALGO DO TIPO : - Meu Blog - ou meublog.blogspot.
- Vagas para parceiros abertas;