• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

8 de setembro de 2012

3 Modelos para Bloquote em Hover

Hello cherrys, hoje vim trazer três modelos de bloquote personalizados por mim, espero que gostem!

Escolha o blockquote de sua preferência, e cole o código antes de ]]></b:skin>
*Os três estão com efeito hover



blockquote { border-left: 2px solid #00CED1; border-bottom: 1px dashed #00CED1;border-right: 1px dashed #00CED1; border-top: 1px dashed #f2016d; background-color: #E0FFFF; padding: 10px; font-size: 12px;  color: #000;  text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}blockquote:hover { border-left: 8px solid #00CED1; border-bottom: 1px dashed #00CED1;border-right: 1px dashed #00CED1; border-top: 1px dashed #f2016d; background-color: #E0FFFF; padding: 10px; font-size: 12px; color: #000;  text-align: center; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}



blockquote { border-left: 2px dashed #7A378B; border-bottom: 2px dashed #7A378B;
border-right: 2px dashed #7A378B; border-top: 2px dashed #7A378B; background-color: #FFBBFF;
padding: 10px; font-size: 12px;  color: #000;  text-align: center; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px;
}
blockquote:hover { border-left: 2px solid #7A378B; border-bottom: 2px solid #7A378B;
border-right: 2px solid #7A378B; border-top: 2px solid #7A378B; background-color: #FFBBFF;
padding: 10px; font-size: 12px; color: #000;  text-align: center; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px;
}
blockquote { border-left: 1px dashed #7A378B; border-bottom: 1px dashed #7A378B;border-right: 1px dashed #7A378B; border-top: 1px dashed #f2016d; background-color: #FFBBFF; padding: 10px; font-size: 12px;  color: #000;  text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}blockquote:hover { border-left: 1px solid #7A378B; border-bottom: 1px dashed #7A378B;border-right: 1px dashed #7A378B; border-top: 1px dashed #f2016d; background-color: #FFBBFF; padding: 10px; font-size: 12px; color: #000;  text-align: center; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}



 Beijos
e comentem!






6 comentários:

  1. Que lindinhos ^^ Acho que vou usar, aí te credito!
    Amei aqui, seu lay é lindo! Seguindo
    Beeijos
    arrasa-no-look.blogspot.com.br

    ResponderExcluir
    Respostas
    1. obrigada o lay foi eu{megan} e a Hannah G3 que fizemos juntas rs

      Excluir
  2. Vou usaar Rebecaa ^3^ ! Créditos, okay?
    http://super-kawaii-fofura.blogspot.com.br/

    ResponderExcluir