16/05/12

Tutorial- Como arredondar bordas



Oii !
Há quanto tempo não trazia um tutorial ?
Hoje vamos aprender a arredondar as bordas da sidebar e dos posts



Para arredondar a área do post....

Vai ao html, pesquisa por .main-inner .column-center-outer {
Abaixo da tag cola este código : 

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera
10.5+*/




Para arredondar a sidebar...

Vai ao html, pesquisa por .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { ( se a sidebar for à direita ) ou por .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { ( se a sidebar for à esquerda ) e cola o código depois da tag :

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera
10.5+*/

Vê se está tudo "ok" e salva :)
Good bye !

3 comentários:

  1. Muito útil esse tuto (;

    ~ http://garotavertigem.blogspot.com/

    ResponderEliminar
  2. Oi,Bea!Não tem o teu layout???
    Então eu tirei ele mais eu achei tão bonito o Desing do Modelo que copiei
    Isso é plágio???
    (Mais eu copie,mas você está na minha página de créditos a um tempão).

    ResponderEliminar
  3. Thanks!! Me ajudou bastante!!

    histargirl.blogspot.com

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias