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).
Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar
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!