26.11.13

Colar/descolar a side à área de post


Okaeri, minnas :) Mais um post vulgar para o momento, mas não se preocupem, porque hoje compensarei com vários tutos - embora todos deste tipo. Simples, mas úteis, e que evitarão que procurem tutos de blog para blog. Afinal, este blog é principalmente para mim e para eu me organizar, dar dicas, ideias, e por aí...

Este tuto ensina a juntar, praticamente "colando" a área de post com a sidebar, de maneira a ficar assim (www) e não assim (www). Mas como eu faço sempre os tutos à minha maneira, é claro que ensinarei algo mais - a descolar, para o caso de não gostarem do resultado. Cá vamos...



Aviso: este tuto só funciona se a side não estiver dividida em caixas nem tiver subido uma das áreas relativamente à outra.


Colar a área de post à sidebar

Procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Ok, tanto dentro da chaveta dessa área como nas duas seguintes há uma linha que diz:
margin-left: $(content.padding);
Vai apagar essas 3 linhas, como mostra a imagem seguinte - retirada do blog "Sapatilha de Papel" (www)

ImageShack, share photos, pictures, free image hosting, free video hosting, image hosting, video hosting, photo image hosting site, video hosting site

Separar área de post e sidebar

Se quiserem voltar a separar, é inverter o processo. Procuram pela primeira linha que citei, e dentro das 3 chavetas, acrescentam:
margin-left: $(content.padding);

E voilá. Fácil e rápido. Não tem nada que saber nem confundir. Exceto o aviso que eu deixei no início do post, nunca se esqueçam disso, nem vale a pena tentarem se a vossa side não respeitar o que é preciso, eu já tentei muito e nunca deu. 

Ao revoir ;)

2 comentários:

  1. Muito legal! ^-^ Quando for o próximo layout do meu blog irei concerteza colocar :)

    ResponderEliminar
    Respostas
    1. Se for bem aplicado, fica bem fofo, então sim, coloque :3

      Eliminar