jueves, julio 31, 2014

Blockquote Estilo 7


Lindo simple blockquote *.* es super bonito, si lo usas da créditos!!

Preview... en uno de mis blogs de pruebas!

Si lo quieres sigue los siguientes pasos:


Plantillas blogger: Pega el siguiente código justo arriba de ]]></b:skin>

Plantillas clásicas/blogskins: Pega el siguiente código justo arriba de </style>



blockquote{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcYli-EEluXUoY9HiSPa0QVjSipV9q-9RNEG1dLzmbymZ6LWlgq5JTyaiwUtJLKrLizQHlQ1KLAj-wx4wZEgi-rdxBCbUSD3EATILwtopV641EBcfFTNW4_AWDyY8KbTZrKmL0NMh0AuO/s1600/grey.png);padding:10px;border-radius:10px;border-left:10px solid #D8D8D8;border-right:10px solid #D8D8D8;border-top:2px solid #F2F2F2;border-bottom:2px solid #F2F2F2;color:#575757;-webkit-transition: 1.0s;-moz-transition: 1.0s;font-family:calibri}blockquote:hover{border-radius:20px;-webkit-transition: 1.0s;-moz-transition: 1.0s;-webkit-box-shadow: 0px 0px 8px #FFE3F9;-moz-box-shadow:    0px 0px 8px #FFE3F9;box-shadow:         0px 0px 8px #FFE3F9;}


Naranja: Url de la imagen de fondo

Verde: Tamaño, tipo & color del borde izquierdo

Azul: Tamaño, tipo & color del borde derecho

Amarillo: Tamaño, tipo & color del borde superior

Fucsia: Tamaño, tipo & color del borde inferior

Violeta: Color de la fuente/texto del blockquote.

Rojo: Tamaño & color del brillo.


Cuando termines de editar, guardas los cambios & ya esta!


Si lo tomas o usas, da créditos!!

No hay comentarios:

Publicar un comentario