Tutorial -Blockquote personalizado

Hoy, meus fofinhos, hoje eu trago mais um tútorial mas dessa vez vou ensinar a fazer 3 tipos de blockquote, nunca vi em nenhum outro blog esse tutorial (quer dizer, ver tem milhares de blogs que tem tutorial para fazer blockquote personalizado, mas nuca vi ensinar  a fazer 3)! Chega de enrolação, vamos lá!
  blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}

Se não quiser as bordas arredondadas apage o que está de verde!


 blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}





.post blockquote {
background: #efefef; /*Altere o fundo como preferir*/
border-left: 5px solid #DAA46F; /*Altere a cor da borda como preferir*/
padding: 5px;
}

Espero que tenham gostado e beijos!Ah, créditos pelas imagens Place Fame Extras!

11 comentários:

  1. Adorei esses blockquotes!

    Visite,por favor? se quiser,pode seguir,também:
    http://everythingifeelandthink.blogspot.com.br/

    Obrigada e bjs!

    ResponderExcluir
    Respostas
    1. Adoreiiiiiiiiiiii seu blog, ele é lindo demais!!

      Excluir
  2. Muito bom o post, realmente nunca vi em outro blog 3 de uma só vez! adorei a segunda opção.

    portrasdorimel.blogspot.com

    ResponderExcluir
  3. Lindos blockquotes.

    http://girlsrepublic-s2.blogspot.com.br/

    ResponderExcluir
  4. HAAA, é isso que eu tava precisando acredita ? Amei o tuto.

    http://newsdayoff.blogspot.com.br/

    ResponderExcluir
  5. Amei a tuto! Eu estava precisando mesmo :D
    Obrigada!
    Beijos,

    http://princesacrista.blogspot.com.br/

    ResponderExcluir
  6. Ótima tutorial! Parabéns pelo blog *:

    Se gostar segue? rain-of-smiles.blogspot.com.br

    ResponderExcluir
  7. Adorei todos! E ja to usando o 2º... seguindo aqui! Se quiser retribuir!

    beju

    sweetsecretfantasy.blogspot.com.br

    ResponderExcluir