Este es un truco muy facil y que puede ser utilizado en en cualquier sitio que maneje el lenguaje HTML de forma editable como Blogger, Jindo, Wordpress, Webs y dominios.
El estilo puesto sin radio
El estilo puesto con radio
- Ve a Plantilla y das click en Edicion de HTML.
- Luego antes de la etiqueta ]]></b:skin>. pega lo siguiente.
/* imagen normal */
img, a img {
border:3px solid #84A5FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
/* Imagen al pasar el cursor */
img:hover, a img:hover {
border:3px solid #1252FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
- Lo de rojo es el color del borde
- Lo de Azul es el ancho del borde
- Lo de Naranja es el radio de la imagen
El estilo puesto sin radio
El estilo puesto con radio