.

.

Coloque Borda entre a Barra Lateral e Postagem

Oba!Mais um tutorial! Hoje vou te ensinar a colocar uma borda super bacana que divide a barra lateral(gadgets) da barra onde ficam os posts. Os créditos dos códigos são do Other Things Attitude Included! Temos dois efeitos lindos pra você escolher qual vai usar!

-Efeito 1: Pontilhado
É esse que usamos aqui no blog! Siga as instruções.1- Vá até Design>Editar HTML, aperte CTRL+F e procure por isso:
.main-inner .column-center-inner {
Se sua barra lateral é do lado ESQUERDO, cole o código abaixo APÓS o código lá de cima, fazendo as suas alterações:
border-left: 1px dashed #000000;
Se sua barra lateral é do lado DIREITO, cole o código abaixo APÓS o 1º código que eu disse, fazendo as suas alterações:
border-right: 1px dashed #000000;
*No que está em vermelho altere o número para aumentar o tamanho da sua linha/borda. E no que está de roxo, altere a cor da sua borda.Você pode deixar como está, se quiser que fique parecido com a borda que usamos aqui no Trash Rock!

- Efeito 2:
Esse próximo tutorial é pra quem quer que sua borda fique semelhante a do blog Attitude Included, que também é bem legal:1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
Se sua barra lateral é do lado ESQUERDO, cole:
border-left: 5px solid #000000;
Se sua barra lateral é do lado DIREITO, cole:
border-right: 5px solid #000000;
* No que está em vermelho, altere a largura da sua borda/linha, e no que está em roxo, altere a cor. Lembrando novamente que este tutorial é do Other Things Attitude Included. Mas o código para as barras laterais do lado direito foram editados por mim.
-->Gostou? Comentem aí!
You have read this article blog / internet / tutorial with the title Coloque Borda entre a Barra Lateral e Postagem. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/coloque-borda-entre-barra-lateral-e.html. Thanks!

No comment for "Coloque Borda entre a Barra Lateral e Postagem"

Post a Comment