HOME
askus
FREE
TUTOS
ÚTEIS









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

  1. mundohtml posted this
1 de 1