jueves, julio 31, 2014

Blockquote Estilo 6


Un nuevo estilo de Blockquote bien simple y lindo ^^ 

para ver el preview, clic aquí!

si te gusto y lo quieres, sigue estos pasos...

1º - Pega el siguiente código justo arriba de...

Si tienes plantilla clásica: </style>
Si tienes plantilla blogger: ]]></b:skin>


blockquote{background:url(URL DEL FONDITO);text-align:center;padding:10px;overflow-x:auto;color:#999;border-left:5px solid#969696;border-right:5px solid #eee;-webkit-transition:.7s;}
blockquote:hover{padding:10px;border-left:5px solid #eee;border-right:5px solid#969696;-webkit-transition:.7s;}

reemplaza "URL DEL FONDITO" por la url del fondo que quieras en el blockquote ^^

rojo: color del borde izquierdo del blockquote

naranja: color del borde derecho del blockquote

verde: color del borde izquierdo hover

violeta: color del borde derecho hover


puedes usar los colores que quieras ^^ en el preview yo use un color fuerte y otro claro(negro y gris, en este caso) para los bordes y en el hover se invierten los colores con una transición :3

bueno ahora guardas los cambios y listo :D espero que les haya gustado :3 eso es todo xD


Si tienes dudas o problemas,
comenta en esta entrada ^^

No hay comentarios:

Publicar un comentario