Quitar el borde a una sola imagen del post


Define la clase imgsinborde con el siguiente código en CSS, especificando el "border" a cero pixeles:

.post .imgsinborde {margin:0 0 5px 0;padding:4px;border:0px solid #C0C0C0;}

Cuando insertes una imagen en el post, ve al código html y añádele el atributo class="imgsinborde" (lo he puesto en negrita). Esta se mostrará sin borde:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" class="imgsinborde" height="28" width="400" /></a>

Por supuesto, también puede hacerse al revés. Si has modificado el CSS de las imágenes para que se vean sin borde pero quieres que una lo tenga, puedes añadir el código igualmente para que las imágenes que quieras se vean con borde, solo has de cambiar el "border" a 1 pixel.


.post .imgconborde {margin:0 0 5px 0;padding:4px;border:1px solid #C0C0C0;}

Comentarios