09/09/2012

Bordas arredondadas no blog / Adicionando border-radius


Yooo!!! O 1º tutu do dia, como colocar bordas arredondadas no blog, não irei falar muito então vamos direto ao ponto ok? Esse código só funciona para o modelo Viagem do blog, e não funciona no explore.

Colocar no sidebar

Coluna direita:
Códigos
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 

Coluna esquerda:
Códigos
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Colocar na área das post

Códigos
.main-inner .column-center-outer {

Agora o código para aplicar a borda, é só colar o código a baixo das tags que deseja acima:

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

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

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

14 comentários:

  1. Oi Oi Linda , Gostei Muito do Tutorial .. ;D , Você estar afim de Ser Uma Afiliada do meu blog ? Achei seu blog Lindo e Já estou seguindo tá ? Da Uma passadinha no meu blog se você quiser , Se de pra seguir aceito ahsuahsuahsuahsuahsuah , Beijão

    - http://meubloguinhofofo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada, eu aceito sim! Consertesa eu dou um passadinha lá!

      Excluir
  2. olha o meu olha ? http://mundodaedicao.blogspot.com.br/ ?? *--*

    ResponderExcluir
  3. Baby mereces um beijo!
    Fácinho eu esquentei tanto minha cabeça com umas tutos por ai vixi!
    Processo muito longo e que não dá certokkk
    Seguindo para aprender +++
    Feliz 2013!
    sweetbulunga.blogspot.pt

    ResponderExcluir
    Respostas
    1. Obrigada, fico feliz que tenha sido util a você.
      Heheh vou retribuir a visitinha

      Excluir
  4. Me ajudou muuuito , obrigada!

    ResponderExcluir
  5. Ajudou muitoooo, muito obrigada mesmo! *---*

    ResponderExcluir
  6. Anônimo20/8/13

    Aonde é que eu coloco o código? :/

    ResponderExcluir
    Respostas
    1. No inicio do tutorial eu já mostro a onde adicionar. Se quer na sidebar direita ou esquerda ou na área das postagens.

      Excluir
    2. Honey, não tem nada escrito sobre onde colocar ;(

      Excluir
    3. Olá Ayla Williams esta escrito na postagem postagem, dê uma olhadinha melhor que vai ver. ^^

      Excluir
  7. Olá Ayla Williams esta escrito na postagem postagem, dê uma olhadinha melhor que vai ver. ^^

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345