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