domingo, 4 de enero de 2015

[Tuto-Recurso] Blockquote (1) Cinta Rosa

Holiii! Kawaii's el dia de hoy traigo un blockquote que eesta asi ; Rosa Normal xDD Bueno el texto que lo coloques aparece normal
http://animeykawaii.blogspot.mx/2014/09/regreso-dina-tutorial-en-photoshop-como.html#more
ahi pueden ver mejor el efecto xD , a lo ultimo del post la firmita pasan  el cursor van a ver el efecto jajajajajjaja
& Al pasar  el cursor se desliza & se muestra esta imagen ; 

Bueno quedense para ver la colocacion xD
 Se van a plantilla -> Editar HTML ; PRESIONAN CTRL + F & EN la cajita que aparece buscan ;
]]></b:skin>


& Antes de el pegan el siguiente codigo ; 
blockquote{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjli2-IGfkzXgtr-3pedB687abHVHpFUZsUkMcqhVWqY6_lEBUtQPj2rSDRO9m6_wppQngkNEDDIKfonuKKDQYGdaNHtCdC9-yHs6S-inP-YIWldToUWmqL23Rs9BZPIcQiVCfMBZoOH4Hd/s1600/Sin-t%C3%ADtulo-4.png);padding:10px;color:#000;letter-spacing:1px;border-radius:10px;border:2px solid #ccc;-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;text-shadow: -1px 0 fff, 0 1px fff,1px 0 fff, 0 -1px fff;}blockquote:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xnAmuhzjnGdhYVVMmHqRR8KLeTZD5iEz-b0UT_8zIdiigALlfNRQTKzKbyspwzAsCO8-xjcl4C8FUi0QuTPgBp0yQeKr2DjzkrPkQ-S9yQf9aIEHd3liPXIXvyhnk2w9ZImSsATLcS1K/s1600/blockquote.png);background-position:50% 50%;}
& Listo le dan en guardar plantilla & ** Terminamos ;33