[Tutoriales] Blockquote Halloween

Holiii!!! Hoy se me ha ocurrido ponerles un tipo de blockquote con un estilo muy de Halloween, así que espero que os guste, es un tutorial muy sencillo!!

Lo primero es ir a Plantilla> Editar HTML y buscar (Ctrl+F) ]]></b:skin> y justo antes pegamos el siguiente código:

blockquote {
background: #E29DFEurl(http://www.juntadeandalucia.es/averroes/sanwalabonso/wqyct/ct_halloween/images/ico30.png) no-repeat right bottom;
color: black;
padding: 15px;
outline-color: #551361;
outline-width: 1px;
outline-style: dashed;
outline-offset: -4px;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
}
blockquote:hover {
background: black url(http://www.fondoswiki.com/Uploads/fondoswiki.com/ImagenesGrandes/fantasma-halloween-8.jpg) no-repeat right center/ 46%;
color: white;
outline-color: black;
outline-offset: 7px;
padding: 30px;
border: 14px solid #313131;
text-shadow: 0 0 5px black;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
}

Y listo!! Ya tenemos nuestro Blockquote de Halloween. Por cierto, me he unido a la segunda temporada de Al Estilo Blogger


Beshus y hasta mañana!!