quinta-feira, 16 de fevereiro de 2012

Tutorial-Colocar borda entre a barra lateral e a postagem


Oi pessoal o que acharam do novo lay? Espero que tenham gostado, hoje vou ensinar como colocar borda entre a barra lateral e a postagem, muita gente havia me perguntado mas eu ainda não sabia, agora achei um tuto bem fácil no Blog Attitude Included, portanto de forem usar dê os créditos à ele.

Vamos lá:

Se você quiser que sua borda fique com efeito Dashed, como o exemplo abaixo, faça assim:


1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
E APÓS este código cole fazendo as alterações
border-left: 1px dashed #000000;
* No que está em azul altere o número para aumentar o tamanho da sua linha/borda. E no que está de rosa, altere a cor da sua borda.

E se você quer que seu efeito fique similar ao do Attitude Included, como na imagem abaixo, faça este tutorial:

1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
E logo APÓS este código cole fazendo as alterações:
 border-left: 5px solid #000000;
* No que está em azul, altere a largura da sua borda/linha, e no que está em rosa, altere a cor.

Bjuss, qualquer dúvida deixe seu recadinho aki :)