Bordas arredondadas somente nos cantos externos
Autor: Wonderland ♥ | Publicado: 2012-06-16T18:28:00-07:00







Olá cupcakes de menta  !!!! Como vocês vão? Eu vou bem, muito bem !!!!! Bom, hoje irei mostrar para vocês como arredondar as bordas externas do blog!!!&nbsp;



Ex.:




Preparados????&nbsp; Go!!!!!!



 Como aplicar?



1.&nbsp; Vá em Design  Editar HTM  procure por: .main-inner .column-center-outer { 


2. Logo abaixo terá o seguinte código: background-image: none; , cole abaixo o código de borda que você escolheu, referente a área da postagem.




3. Depois de tudo isso, pesquise este código : .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (para o lado DIREITO)


4. Pesquise este código: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (para o lado ESQUERDO)



Abaixo terá o seguinte: &nbsp;
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; , então você irá colar abaixo dele o código de borda que escolheu, refernte á coluna!!!!




&nbsp; Os código:

1.&nbsp;Para deixar só o topo do blog com os cantos arredondados:   &nbsp; 



&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Código para arredondar a área da postagem:


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

border-top-left-radius: 20px;



&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Código para arredondar as colunas:



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

border-top-right-radius: 20px;




2.&nbsp;Para deixar só a parte de baixo do blog com os cantos arredondados:




&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Código para arredondar a área da postagem:



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

border-bottom-left-radius: 20px; 






&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Código para arredondar a coluna:



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

border-bottom-right-radius: 20px; 






3.&nbsp; Para deixar todos os cantos externos arredondados: 




&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Código para arredondar a área da postagem:



-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;

-moz-border-radius-topleft: 20px;

-moz-border-radius-bottomleft: 20px;

border-top-left-radius: 20px;

border-bottom-left-radius: 20px 






&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Código para arredondar a coluna:



-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-topright: 20px;

-moz-border-radius-bottomright: 20px;

border-top-right-radius: 20px;

border-bottom-right-radius: 20px;
 





 Atenção:&nbsp; Caso sua coluna seja do lado esquerdo inverta os códigos, use o código 
referente a área da postagem na coluna e o código referente a coluna use
 na&nbsp;área&nbsp;do post, certo?!?!?!

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
 Caso você não
 ache os códigos procure pela parte que se refere a área do post e da 
sidebar e faça os mesmos procedimentos. Quem desenrola um pouco mais 
pode criar outros modelos de borda usando "este site!!!

Espero que tenha gostado!!!!

Beijos!