Cómo quitar la sombra, de solamente algunas fotos de blogger

A estas alturas de la vida, os habréis dado cuenta ya que la plantilla simple de blogger (la que a mi más me gusta, porque tal y como su nombre indica es muy sencilla, y se puede personalizar muy bien) trae por defecto una sombrita alrededor de las fotos: 

Personalmente me gusta, de ahí que no la haya quitado, pero es verda que en algunas cosas queda un poco rara, porque muchas cosas son imagen.

Fijaos en este post:

En él:

• la frase "no se puede decir que..." es una imagen
• cada titulito rosa con el nombre y nombre del blog es otra imagen
• Tras los testimonios, el separadorcito rosa es otra imagen

¡Imaginaos qué mal quedaría si cada uno llevara una sombra!

De ahí que me guste quitarla a veces.

Mucha gente lo tiene sin, pues eso, porque a veces molesta más que ayudar y es la solución fácil. De ese modo podemos poner botones de comprar ahora o lo que sea sin que quede raro.

En el curso de iniciación vemos como quitarla y es también lo que hago en los blogs que diseño para mis clientas: quitarla, porque así no las mareo.

Sin embargo tal y como os decía antes, a mí me gusta, de modo que no la he quitado y lo que hago es que cuando quiero quitarla, lo hago "a mano"

¿Cómo hacer esto? Es lo que vengo a explicar. Es muy fácil:

1) Lo primero es añadir este código en CSS: 

img.noborder {

    border: 0px;

    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    border-radius: 0px 0px 0px 0px;

    background: none;

}

2) Lo segundo es, cuando queramos quitársela a una determinada foto, vamos a la vista html del post o página en cuestión, localizamos la foto, y donde dice img, le ponemos: 

class="noborder"

El border="0" da igual si lo dejamos o lo quitamos. Lo importante es que entre el img y src diga class="noborder". 

Mirad: 

3) Seguís escribiendo como de costumbre y publicáis como de costumbre.

Voilà. Sombras en unas fotos sí y en otras no,. Porque eso, dependiendo de qué sean las fotos, a veces queda fatal.

Mirad, con sobra:

Curso de Iniciación Blogger 19,99 € + info

Curso Intermedio Blogger 34,99 € + info

Cómo Promocionar tu blog 49,99 € + info

Sin sombra:

Curso de Iniciación Blogger 19,99 € + info

Curso Intermedio Blogger 34,99 € + info

Cómo Promocionar tu blog 49,99 € + info

Es otra cosa, ¿no? ;)

Pero quitarla en todas, aunque es una solución rápida, es una pena, porque en general a mi me parece que las fotos "normales" quedan más monas con sombrita:

¡Espero que os haya gustado y sea útil!

Besotes, buen puente :)

Blogger | Email  | RSS | Bloglovin' | Feedly 

Otros tutoriales: 

1. Cómo reducir el espacio entre los gadgets
2. Cómo poner la primera letra del post distinta al resto (estilo revista)
3. Cómo añadir un borde alrededor del centro del blog