quinta-feira, 15 de março de 2012

Como colocar fundo no primeiro widget do blog

tumblr_lfbs8vpsAl1qcuqe6o1_500_large[1]

Oii Flores, queria pedir desculpas, por ficar sem postar, é que eu fiquei sem tempo, mais agora voltei a postar e trouxe um tutorial bem legal e fácil leva uns 5 minutinhos, mais prestem atenção hein, Vamos lá

Vá em Design Editar HTML e procure por .sidebar .widget:first-child {

E vai achar algo parecido com isso:

.sidebar .widget:first-child {
  margin-top: 0;
}

E acrescente esse código em cima da chave

-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
background: Coloque o código da cor aqui

E vai ficar assim:

.sidebar .widget:first-child {
  margin-top: 0;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
background: Coloque o código da cor aqui
}

Visualize e se estiver tudo certo é só salvar, e qualquer dúvida é só me perguntar postando um comentário, e não se esquecem de creditar, ok ?

Thau !

18 comentários:

  1. Muit bom seu tuto, bem útil. XOXO :* charmenaveia.blogspot.com

    ResponderExcluir
  2. Deve ficar bem lindo, bem útil linda :) Beijos duda.

    http://coisas-de-diva. blogspot.com

    ResponderExcluir
  3. oie! amei esse tutorial, muito bem explicado, e bem legal mesmo! haha beijão e obrigado por visitar o meu blog,

    capotino.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial e lindo , amei aqui !
    http://guiaextra.blogspot.com.br/

    ResponderExcluir
  5. Adorei o tutorial tem twitter?
    http://teen-girl-fashion.blogspot.com.br/

    ResponderExcluir
  6. AA adorei, fofa' http://wwwgertiegirlcom.blogspot.com.br/

    ResponderExcluir
  7. Amei o tutorial!! Ja tinha visto em alguns blogs que usam, mas nao o tutorial...

    Beijos, Lili - Blogdatalitaa.blogspot.com

    ResponderExcluir
  8. NOSSA! Eu sou dos tempos das imagens HAHA agora ta tudo bem mais pratico ;) obg por me infromar sobre esse tuto beijokas

    http://www.conectadablog.com/

    ResponderExcluir
  9. AMeeeeei o tuto.. no meu proximo lay eu uso ele *-*
    kissus,
    jelly
    http://kaylacristina.blogspot.com.br
    AHH, e criei maiis um blog.. se vc gostar dele segue ele ?
    http://coisinhas-de-garotaskayla.blogspot.com.br/

    ResponderExcluir
  10. Adorei o tutorial. Super útil ^^
    Seguindo aqui ,adorei o blog. Se puder seguir o meu,agradeço ^^
    http://pepper-of-rock.blogspot.com

    ResponderExcluir
  11. Adorei o tutorial flor
    arrasou tudo beem explicado ..

    http://souzadiinha.blogspot.com.br
    Beijos :)

    ResponderExcluir
  12. Muito util esse tuto *-*

    Beijos, Lili - Blogdatalitaa.blogspot.com.br

    ResponderExcluir
  13. Amei o tutu, super lindo!

    @Raah_Castroo
    www.vidaadegarotaa-vdg.blogspot.com

    ResponderExcluir
  14. Amei a dica =]
    beijinhos :)

    http://priscilalirow.blogspot.com.br/

    ResponderExcluir
  15. OLÁ! GOSTEI MUITO DE SEU BLOG. ACHEI ELE CRIATIVO E MUITO BONITO! PARABÉNS....
    POR ISSO ME SENTI MUITO MOTIVADA A TE SEGUIR.
    VOCÊ PODE RETRIBUIR?

    www.youtube.com/lbva21
    www.lupapodemulher.blogspot.com

    ResponderExcluir
  16. Flor meu blog foi hackado e perdi 90 seguidores! Muito triste imagine se fosse com o seu! Horrível né? Tô tentando recuperar meu antigo número de seguidores bons ajuda?
    worldlivegirls.blogspot.com.br

    ResponderExcluir
  17. Voou usa-lo no próximo laay !
    kissus,
    jelly
    http://kaylacristina.blogspot.com.br/

    ResponderExcluir