7 de set de 2012

Bordas Arredondadas na área de Posts e na Sidebar


Olá Anjos! Hoje vou ensinar a colocar as bordas do blog arredondadas, como no Template Magic Wing. Eu sempre esqueço de fazer isso nos meus Templates, e as bordas quadradas ficam muito feias no blog.
Vamos la!


Esse é o código da borda arredondada:

-moz-border-radius: 15px; /* Para Firefox */
-webkit-border-radius: 15px; /*Para Safari e Chrome */
border-radius: 15px; /* Para Opera 10.5+*/

Sendo o "px" a "curva" da borda.

Para usar o código é só colar o trecho acima ABAIXO do local indicado.

Caso queira colocar na sidebar: 

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {   (para quem usa a coluna direita).

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {   (para quem usa a coluna esquerda).

Caso queira colocar na área dos posts:

.main-inner .column-center-outer {

Só pra lembrar, esse tutorial só funciona no modelo viagem (travel).

Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!