7.5.12

Bordas arredondadas e...

828137c29ce51dc46b74891169537f6d_large
Olá meninas, como vão? Que tal aprender um pouquinho alguns códigos que podem fazer uma grande diferença no blog de vocês?!

O tutorial deste post vai ser: Como arredondar e sombrear as bordas do post e sidebar:

1. Arredondando as bordas da área dos posts:
Primeiro, vá no html do seu blog, apert ctrl+f e procure por: .main-inner .column-center-outer {
em seguida coloque EMBAIXO do código que está destacado o seguinte:



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


-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Operaav
2. Para arredondar as bordas do sidebar:
Porcure no html por:.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 
Se a sua sidebar fica localizada na parte direita da tela.

ou

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Se ela estiver localizada a esquerda
Como ela vai ficar:


Quer ver o resto do post e aprender como coloca uma sombra nas bordas?
Clique >> Aqui!!

17 comentários :

  1. Oi, Amei este post :)
    um tutu muito legal c>3
    ahh, ee obrg pelo coments lá no Cidade das garotas ! Volte sempre ^^
    beijinhos sandy


    cidadedas-garotas.blogspot.com

    ResponderExcluir
  2. Ain fica tão fofo eu ja usei mt *-*



    BEIJÃO AMORE! ianapaulinhaaaa.blogspot.com.br

    ResponderExcluir
  3. Finalmente o tutorial õ/
    vou fazer lá no AS rs


    Antes do Salto || Facebook

    ResponderExcluir
  4. Ameei =)

    beijo ;*
    just-a-girl21.blogspot.com.br

    ResponderExcluir
  5. Fácil, fácil hahaha ♥
    beijos
    http://garotamuitotimida.blogspot.com.br

    ResponderExcluir
  6. Arrasou!

    www.meninainteligentedesalto.blogspot.com

    ResponderExcluir
  7. Owwn, Everybody ♥ as bordas arredondadas! Tudo fica tão moderninho no blog... haushuahsuas!

    Ótimo tutorial!

    Ah! E ri alto com seu comentário lá. Poxa, aquilo tudo é feito para vocês com todo o carinho do mundo tá, Senhorita? kkkkkkk!

    Beijos!

    delicadissima.com

    ResponderExcluir
  8. Ótimos tutoriais flor!! Mt bons (:

    E saudades q eu estava daqui hihi ^^

    www.meianoitebr.com

    ResponderExcluir
  9. Passando para conhecer o seu blog, adorei! Seguindo.
    Passe no meu blog, se gostar siga-o também!? Bjokas
    http://www.glamooursecrets.com/
    http://www.facebook.com/glamoursecret
    glamorsecrets@gmail.com

    ResponderExcluir
  10. oooi, adorei o blog parabens.
    Se não fosse muito, recomecei agora meu blog e queria que você segui-se !
    Pf, assim que você seguir comenta lá para eu retribuir !
    Vlw. Pedro
    http://things-to-you.blogspot.com.br/

    ResponderExcluir
  11. Super útil o tutorial!
    Bezos ;*
    senhorita-insana.blogspot.com

    ResponderExcluir
  12. Ooi Juh, seu blog ganhou um selinho: http://cookiesecappucino.blogspot.com.br/2012/05/selinhoo.html

    ResponderExcluir
  13. Eu acho tao fofo essas bordinhas arredondadas >.< eu ia colocar ate no meu lay mas ele ficou melhor quadrado mesmo rsrss
    bjs
    http://conversando-com-a-lua.blogspot.com.br/

    ResponderExcluir
  14. Awn, fica lindo esse efeito! No meu blog eu uso somente nos cantos do rodapé em função do meu cabeçalho, mas mesmo assim, fica muito fofo. Achei tudo muito lindo por aqui e quis saber se você aceita dar uma passada pelo meu blog, quem sabe, até seguir... Já sigo aqui! Beijos, the-zombie-attack.tk

    ResponderExcluir
  15. Seu blog é muito lindo ja to seguindo sz

    http://apenas-para-meninas.blogspot.com.br/

    ResponderExcluir
  16. Eu gostei do tutorial, já sei fazer kkk
    Realmente deixa o blog com um charme a mais.

    http://novidadesdatekinha.blogspot.com

    ResponderExcluir
  17. que legal *---* Amo bordas sombreadas
    Beijos ;*
    http://diamontlilac-news.blogspot.com.br/

    ResponderExcluir