Como quitarle el efecto a una imagen determinada.

Cuando tenemos un bonito efecto en nuestro blog que le da diversión a nuestras imágenes edita a TODAS ellas & hay momentos en que "perjudican" a algunas, como por ejemplo, las firmas.

Veremos Dos Formas De Quitarles El Efecto A Las Imágenes Que Deseemos:

Efecto SOLO En Las Imágenes De Los Post.
Esto hará que solo afecte a las imágenes de nuestras publicaciones, las demas {Como las del sidebar o la cabecera} estarán libres del efecto:
Antes de agregar un código que afecte a nuestras imágenes, el cual empezara así:

img { ... }

debemos agregarle la siguiente linea:

.post-body

de esta forma:

.post-body img { ... }

Ejemplo:

Acuerdate!¡

También debes agregarle ".post-body" a:

img:hover { ... }

lo cual te quedara de esta forma:

.post-body img:hover { ... }

Quitarle El Efecto A UNA Sola Imagen determinada.

Ahora le quitaremos el efecto a las imágenes que tu elijas del post {También sirve para cualquier otra parte del blog} como tu firma, mini gifs, imágenes transparentes, etc.

Bien, colocaremos un codigo donde anularemos TODOS los efectos mas comunes que puede alterar nuestras imagenes, colocaremos ARRIBA de ]]></b:skin> lo siguiente:

img#SINefecto { -webkit-filter: none; border: none; box-shadow: none;}
img:hover#SINefecto { -webkit-filter: none; border: none; box-shadow: none; }

Luego, vamos a nuestra publicación {o donde se encuentra nuestra imagen} & presionamos "HTML" donde editaremos nuestra imagen:

{clik para ver tamaño original}

Dentro del código de la imagen determinada, que seria algo asi:

<img src="AQUI LA URL DE TU IMAGEN" />

debemos agregarle la siguiente linea {como muestra la imagen anterior}:

id="SINefecto"

& nos quedara de esta forma:

<img src="AQUI LA URL DE TU IMAGEN" id="SINefecto" />

Puedes realizar este ultimo paso en un gadget para que no afecte en alguna imagen del sidebar o en cualquier otra parte.