Estilos de blockquote :

Estilo 1 -

hover:

Coloque isso no seu css :

 /*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/

blockquote {background: #transparent;border-left: 2px solid #cbd3dc;border-right: 2px solid #ec5787; padding: 10px 15px 15px 10px;font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; }

blockquote:hover{background: #transparent;border-left: 5px solid #cbd3dc;border-right: 5px solid #ec5787; font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; } 

Estilo 2 -

 /*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/

blockquote {background: #E9E9F0;border-left: 6px double #8D89B3; padding: 15px 15px 15px 10px;font-size: 13px; color: #696969; text-align: justify; font-family:arial; }

Estilo 3 -

  /*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/

blockquote {background: #B2AFCC; border: 1px solid #7774A6; padding: 5px 15px 5px 15px; color: #696969; text-align: justify; font-size: 8px; font-family:"04b03", small fonts; text-transform: uppercase; }

@font-face {font-family: "04b03";
src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); } 

Estilo 4 -

/*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/

blockquote {background: #E8BDCB url('http://static.tumblr.com/eyob2gi/Wq4m7lkbs/aapng.png') no-repeat;border-radius:5px; border-bottom: 6px solid #DE9FB4;padding:15px 15px 15px 3.2em;font-size: 11px; color: #FFF; text-align: justify; font-family:arial; }

Todos os Estilos de Blockquote foram feitos por mim ana, então caso use credite ao Mundo Html. Agradeço ao Things to Help You pela fonte pixel usado no estilo 3. Eu vou fazendo os blocks e postando/atualizando esse post :D. /ana

Isso foi postado no dia 23/7/2012 | Às 14:07 | com 19 notes | Permalink | reblog this
  1. mundohtml posted this
1 de 1