25 de fev de 2013

Tutorial: bordas nas postagens e gadgets


Hello cutes! Tudo bem? Hoje venho com tutorial muito pedido: bordas nas postagens e gadgets. Fica uma gracinha e dá um toque a mais no design do blog! Para aprender clique em leia mais! Espero que gostem! 
Atenção: para melhor resultado separe as postagens e gadgets!


nas postagens...
vá até o HTML do seu blog  pesquise por:  .main-inner .column-center-outer { 
achou? então cole o seguinte código antes de }
box-shadow: inset 0 0 30px #COR DA SOMBRA, 0 0 4px #ccc;
border-width: 29px 1px 0px 0px;
border-top: 5px solid #COR DA BORDA DE CIMA;
border-bottom: 5px solid #COR DA BORDA DE BAIXO;}

nos gadgets... 
vá até o HTML do seu blog  pesquise por: .sidebar .widget {
achou? então substitua todo o código abaixo dele por este:
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin: 20px 0;
background: #ffffff;
box-shadow: inset 0 0 30px #COR DA SOMBRA, 0 0 4px #ccc;
border-width: 29px 1px 0px 0px;
border-top: 5px solid #COR DA BORDA DE CIMA;
border-bottom: 5px solid #COR DA BORDA DE BAIXO;}

20 comentários:

  1. oie, poderia me ajudar? veja esse post:
    http://fabiolucas92.blogspot.com.br/2013/02/campanha-meta-de-200-seguidores.html

    Thankss :*

    ResponderExcluir
  2. Ah, finalmente acheeeei esse tutorial! ALELUIA! hahaha' Sério... tava precisando muito *-*

    Beijos, pequena-julieta.blogspot.com
    Novo post :)

    ResponderExcluir
  3. Muito legal o tutorial. Talvez eu use no meu próximo layout.
    Seguindo, segue de volta?
    http://the-paradiise.blogspot.com.br/

    ResponderExcluir
  4. Ah, muito obrigada, eu queria mesmo saber fazer isso *-----------*

    ResponderExcluir
  5. achei maravilhoso e bem explicado o tuto o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  6. Adorei o tuto, bem explicadinho!!!
    E seu layout tá lindo demaaaaaaais! *O*
    Bjos!
    Emi.

    The Chata Cherrie
    Like?

    ResponderExcluir
  7. Awwnt, valeu, queria saber como colocar em volta dos gadgets!
    Obrigada!
    Beijo :)
    pqngarota.tk

    ResponderExcluir
  8. Fica muito cute mesmo, a borda nas postagens ;)
    sugary-beauty.blogspot.com

    ResponderExcluir
  9. aah *0* Fica lindo (; Testei no meu blog de teste (;
    Vou usar no meu próximo layout .. beeijos ;*

    ResponderExcluir
  10. Tem post novo lá no blog, com um video sobre DIY feito por mim, olhá lá: www.junhiimce.com

    Beijos, se for seguir, avisa que sigo de volta.
    Tem sorteio até dia 03/03.

    ResponderExcluir
  11. Adoro esses posts de tutoriais do HTML, são muito úteis (: Ah, e sobre receber produtos de parcerias, eu não faço nada específico pra me enviarem produtos, eu só peço parceria com algumas lojas, se ela gostam do meu blog e acham que posso ajudar na divulgação, me enviam produtos, se quiser você pode dar uma olhada na aba "patrôcinio" lá no blog, tem várias lojas parceiras, espero que ajude.
    Tem sorteio rolando lá no blog pelos 2 anos de MNQ! Dá uma passadinha pra conferir (:

    Beijos, Laura.
    www.meianoiteequinze.com

    ResponderExcluir
  12. Escrevi patrocínio errado haha, ignore ^^

    Laura,
    www.meianoiteequinze.com

    ResponderExcluir
  13. Adorei a diquinha!
    Bj
    Line
    http://www.viciodemenina.com.br/

    ResponderExcluir

  14. Olá!
    Estou visitando o seu cantinho. Adorei!
    Já estou te seguindo, dá uma olhadinha lá no meu blog se gostar curta e siga!

    Beiijos,
    Hora do Rímel

    www.horadorimel.com

    ResponderExcluir
  15. Oii usei o das postagens para fazer esse layout aqui para doar ok
    aqui o layout que to falando
    http://layout-cupcakescoloridos.blogspot.com.br/

    Grata se blog vai ser postado nos créditos do layout bjs
    Cupcakes coloridos

    ResponderExcluir
  16. Deu errado nos da postagem o fundo ficou transparente e não consigo mais reverter

    ResponderExcluir
  17. Não to achando o .sidebar .widget { oque faço ?

    ResponderExcluir
  18. :/ Oque eu quero saber é como fazer essas bordinhas que você colocou para copiarmos os códigos , poderia fazer um tutu ensinando ? Obg ;3

    ResponderExcluir
  19. Ficou bom ! ~ a blogueira de : http://perfumebasico.blogspot.com.br/

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita