08 agosto, 2011

Bordas arredondadas

Img1360534363_large

Créditos aqui

Olá gente! Eu irei ensinar colocar bordas arredondadas no blog.

Na sidebar


Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {      (Coluna direita)

ou

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {        (Coluna esquerda)

Cole abaixo do código que você pegou da coluna esquerda ou direita este outro código:

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

Na área dos posts


Vá e Design Ctrl + F (caixinha de busca) e nela procure pelo código abaixo:

.main-inner .column-center-outer {

Cole abaixo do código que você pegou da área dos posts o seguinte código:

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

Visualize e se tiver dado tudo certo, salve ^^

2 comentários:

  1. linda o codigo para a coluna esquerda não acha :/

    ResponderExcluir
  2. Stela,eu amei isso de colocar bordas,mas como o meu deve ser o novo estilo de blog ai eu acho que muda,não tô achando esse código.Obrigada
    http://garotateenoficial.blogspot.com.br/

    ResponderExcluir