20 de mai de 2012

Tutorial: Imagem e borda no fundo dos comentários.


Oi, meus lindos. Tudo ótimo?

Hoje é dia de tutorial aqui no vdg, vamos aprender, a colocar "fundos e bordas" nos comentários, igual ao daqui. Super fácil, esse tutu eu aprendi no blog, Material Extra então qui está os devidos créditos. Confere abaixo:

Google


Vá em Design + Editar HTML + Ctrl + F 

e procure por >>  #comments {  deve aparecer assim:

#comments {padding: 15px;

Logo a baixo coloque:

background-image: url(URLDAIMAGEM);border:1px dashed #000000;

deve ficar assim:


#comments {padding: 15px;background-image: url(URLDAIMAGEM);border:1px solid #000000;


Salve!
Entendendo, onde esta o Url da imagem, coloque uma brackgrouds, encontre alguns aqui.  Quem quiser outros tipos de bordas e cores, use a tabela. Caso não queira borda, apague toda linha:  border:1px solid #000000;
Tutorial testado no Travel do Blogger.

Gostam do tutorial? Vocês usam?
Me conte!!





36 comentários:

  1. Gostei do tutorial *-*

    Beijos
    http://diariociumento.blogspot.com.br/

    ResponderExcluir
  2. Ótima dica hein, adorei o tutorial de fundos e bordas... super útil !

    Beijocas,

    nossoglamour.blogspot.com

    ResponderExcluir
  3. Is very Good!
    Ótima dica de tutorial.

    Lucas / Era uma vez...
    livrosecontos.blogspot.com

    ResponderExcluir
  4. adorei o tuto , vou tentar depois *-*

    http://help-adolecentro.blogspot.com.br/

    ResponderExcluir
  5. ADOREI, vou usar ; )
    Beijos;*
    Visita?
    http://girlonlline.blogspot.com

    ResponderExcluir
  6. Muito legal o tuto!

    Bjks;http://gaarota-independente.blogspot.com

    ResponderExcluir
  7. ggente, que útil isso! Eu sou uma total negação com coisas de html!
    bem legal mesmo!
    e o layout do seu blog, é muito lindo, dá vontade de sair voando, vocês que fizeram?
    e vocês tipo "vendem" layouts?

    Beijos ;*
    Já estou seguindo!
    Carol,
    http://caixa-a-a.blogspot.com

    ResponderExcluir
    Respostas
    1. Fomos nós que fizemos sim. Não fazemos layouts. Só fazemos o nosso mesmo. Já fiz alguns, mas nada profissional. Fico feliz que tenha gostado do meu blog. Obrigada!

      Excluir
  8. Muito legal o tutorial para o fundo dos comentários.
    Gostei tb do blusa da garota da foto rs

    Beijinhos
    Renata
    http://escutaessa.blogspot.com/
    http://www.facebook.com/BlogEscutaEssa
    @blogescutaessa

    ResponderExcluir
  9. ótimo tutorial,gostei
    muito bem explicado :D

    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  10. Esse tutorial é ótimo e o blog fica bem original (: rs

    theplugados.blogspot.com

    ResponderExcluir
  11. Adorei o tutorial flor *-*
    muito bom mesmo ;)

    Beijocas

    http://opinandomoda.blogspot.com.br

    ResponderExcluir
  12. adorei o tuto!! tava sumida heim? o q houve? bjss
    http://avidademalu.blogspot.com/ http://ohmygood-omg.blogspot.com.br/

    ResponderExcluir
  13. que legaaal, to pensando em passar meu blog pro blogspot, wp é só despesa...


    http://fugindodarotina.com

    ResponderExcluir
  14. Muito legal mesmo este tutorial, superútil.

    Beijos

    Nathália - Fashion Jacket
    http://fashionjacket.blogspot.com.br

    FacebookTwitterTumblr

    ResponderExcluir
  15. Ah, eu conhecia esse tutorial, é muito bom, os comentários ficam bonitinhos ><
    Beijo e um ótimo fim de semana ;*

    http://vitaminadepimenta.blogspot.com/
    @LariCrazy_

    ResponderExcluir
  16. Haay amei o efeito ÔÔ ! É lindo d++! Bezus Luuh
    Rawr Baby ~> teenstyle.com

    ResponderExcluir
  17. Awn, fica lindo e é fácil de fazer. Acho que vou colocar no meu blog hehe

    ledeby.blogspot.com

    ResponderExcluir
  18. Adoreei as dicas, eu não sabia, foram úteis :)
    www.espacegirl.blogspot.com

    ResponderExcluir
  19. Gostei do tutorial!

    Talita,
    www.meninasdaliberdade.blogspot.com.br

    ResponderExcluir
  20. amei a tutorial. vou usar no próximo layout do LM.
    já vou colocar o link lá ta flor
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  21. amei a tutorial, vou usar no próximo layout do LM
    já coloquei o link ta flor
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  22. adorei *
    beijinhos **

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

    ResponderExcluir
  23. To tentando não mudar o meu :(
    Mas amiga, adorei acompanhar e vc explica super bem! ADOREI#
    Big bj e uma ótima semana ;*
    http://angelpoubel.blogspot.com.br/

    ResponderExcluir
  24. Wont , esse eu ja sabia, mais fica mt fofo mesmo hehe



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  25. Amei se tutorial acho que no próximo layout vou colocar. *u*
    Beijos, fashionwithstyle.tk

    ResponderExcluir
  26. oi

    legal o tuto, adorei

    bjs

    estilorosa.blogspot.com

    ResponderExcluir
  27. Ótimo tutorial!!

    http://romariomarquess.blogspot.com.br/

    ResponderExcluir
  28. Não conhecia o tutorial, mas gostei bastante.^^
    Beijocas!
    http://palomaviricio.blogspot.com.br

    ResponderExcluir
  29. Adorei o tutorial,assim os comentários ficam bem mais bonitos que o fundo cinza normal.
    http://i-teenbr.net.tc

    ResponderExcluir
  30. Amei o tutorial
    Vim aqui agradecer a visitinha
    Tenha uma boa semana
    xoxo

    BarbieLicious Pink

    ResponderExcluir
  31. Ameeei o tutorial, eu vou tentar usar u.u
    O efeito fica super perfeito *o*
    Bjão ♥

    http://garotaimperfeita.tk

    ResponderExcluir

- Nada de ofensas á ninguém.
- Seguiu o blog? Avisa, que retribuímos.
- Comentários que não tiverem nada a haver com a postagem, não serão retribuídos.
- Ative seu perfil que retribuimos seus comentários. (Sabemos que o google está excluindo blogs que comentam com o link.)
- Não aceitamos mais selinho e tags.

Obrigada, pelo comentário!!
Aguarde, que visitaremos vocês também. =)

Minha foto
Campos dos Goytacazes, Rj, Brazil