Tutorial: Sidebar fixa.

Olá♥

Tudo bem com você? Comigo está tudo bem, graças a Deus. Sabem, estou pensando em parar de usar as imagens de inicio de post, sei lá, está a dar um pouco de trabalho editar uma imagem sempre que vou fazer um novo post, por isso estou repetindo algumas as vezes. Bom, mudando um pouco o assunto, estou com uma lista enorme de tutoriais que desejo postar aqui, a principio eles são mais para mim que para vocês hahasuh acontece, que eu sempre uso esses tutoriais aqui, e fica meio chato ter que sai procurando eles na lista dos favoritos sempre que preciso, postando-os aqui, fica mais fácil e de "quebra" ainda ajudo vocês.

O tutorial de hoje é de como deixar a Sidebar fixa, como a daqui do blog atualmente. Você rola a página e a Sidebar fica sempre visível e acompanhando as postagens, o único problema desse tipo de Sidebar é que os gadgets ficam bem limitados, você poderá usar dois ou três no máximo e isso vai depender do tamanho de cada gadgtes, mas é algo bem diferente e eu particularmente gosto. 

Sidebar fixa

Pra começar, em seu HTML pesquise por:

.main-inner .column-left-inner,
.main-inner .column-right-inner {

 A primeira tag  é referente a Sidebar na lateral esquerda (left) e a segunda referente a lateral direita (right) Pesquise por um trecho apenas, de preferencia o que é referente ao lado da sua Sidebar, assim ficará mais fácil. Quando encontra-la, apague tudo dentro das { chaves } e no lugar cole:

MARGIN-TOP: -20PX; /* DISTANCIA DO TOPO, APAGUE SE NÃO QUISER */ WIDTH: 300PX; /* TAMANHO DA SIDEBAR */ MARGIN-LEFT: -40PX; /* DISTANCIA DA ESQUEDA, APAGUE SE NÃO QUISER */ POSITION: FIXED; /* SIDEBAR FIXA */

Bom, no próprio código há as descrições para o que deve ser feito em relação aos valores feito as modificações desejadas, salve!

Créditos por códigos: Vanessa Tutoriais

~Beijos e Abraços♥