Arredondar área das postagens e barra lateral

Foto: [everythinginmyworld.tumblr.com]

Olá *uu* Hoje vou ensinar vocês como fazer para deixar as bordas arredondas na área das postagens  e da barra lateral como o do novo e o do velho template aqui do Uprising Teen. Você vão ver que é fácil e sem complicações!

Vá em Design > Editar HTML e escolha o jeito que você quer:

Na Barra Lateral (Sidebar): 


Lado Direito:


Ctrl + F e digite: .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Adicione o código antes de fechar a } (chave).

Lado Esquerdo:


Ctrl + F e digite: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Adicione o código antes de fechar a } (chave).

Nas Postagens: 


Ctrl + F e digite: .main-inner .column-center-outer {

Adicione o código antes de fechar a } (chave).

Códigos para a Barra Lateral (Sidebar):


Somente o topo arredondado: 

-webkit-border-top-radius: 20px;
-moz-border-radius-top: 20px;
border-top-radius: 20px;

Somente a parte de baixo arredondada:

-webkit-border-bottom-radius: 20px;
-moz-border-radius-bottom: 20px;
border-bottom-radius: 20px;

Todos os cantos:


-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Ópera */

Códigos para as Postagens:



Somente o topo:

-webkit-border-top-radius: 20px;
-moz-border-radius-top: 20px;
border-top-radius: 20px;

Somente a parte debaixo:

-webkit-border-bottom-radius: 20px;
-moz-border-radius-bottom: 20px;
border-bottom-radius: 20px;

Todos os cantos:


-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Ópera */
Aprendi este tutorial no blog Go Imagine. Espero que tenham gostado!