jueves, julio 31, 2014

Blockquote Estilo 2


Otra versión de Blockquote ^^

clic en la imagen para verla en su tamaño original...





Plantilla - Edicion de HTML - Continuar

buscamos el código ]]></b:skin> con ctrl + f y justo arriba de este pegamos el siguiente código:
blockquote{
background:url(url del fondo);
padding:10px;
border-left:20px solid #E4F2C7;
border-right:0px solid #E4F2C7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#555;
}
blockquote:hover{
border-left:0px solid #F2EAC7;
border-right:20px solid #F2EAC7;
color:#555;
}
rojo: url del fondo de tu blockquote

naranja: borde de la izquierda normal

verde: borde de la derecha hover

eso es todo ^^


Créditos: Wanaseoby

No hay comentarios:

Publicar un comentario