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

¡Gracias por suscribirte! Mil besos, Blanca

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

general diseño de blogs

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. ...

general diptera fotografía ...

Os muestro las imágenes que he publicado esa semana con las dos imágenes para comparar…. I show you the images I have just published this week… #twentytwenty-FE6I5h { width: 100%; max-width: 100%; } #twentytwenty-FE6I5h.twentytwenty-hover .twentytwenty-overlay:hover { background: rgba(0,0,0, 0.5); } #twentytwenty-FE6I5h .twentytwenty-before-label:before, #twentytwenty-FE6I5h .t ...

general fotografía nocturna ...

Continuando con la fotografía nocturna, os muestro hoy un molino de viento bajo las estrellas… Continuing with night photography, I show you today a windmill under the stars … #twentytwenty-JEsjFO{width:100%;max-width:100%}#twentytwenty-JEsjFO.twentytwenty-hover .twentytwenty-overlay:hover{background:rgba(0,0,0, 0.5)}#twentytwenty-JEsjFO .twentytwenty-before-label:before, #twentytwent ...

general propuestas

Los componentes de suscripción por correo electrónico, sirven para que los usuarios que visitan un sitio web, puedan suscribirse a sus actualizaciones recibiéndolas por correo electrónico. Se trata de una herramienta fundamental para cualquier blog o sitio web, pues crea un vínculo directo entre sus visitantes y su autor. Cuando el creador de la página web publica un contenido, éste llega a todos ...

desde0

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

Blogging Tutoriales

Una de las cosa que más me gustan de Blogger, es la capacidad de insertar y personalizar un formulario de contacto, sin la necesidad de recurrir a servicios como JotForm o Foxyform. Sin duda, un gran acierto, pues muchos de estos servicios tienen una limitación en cuanto a la cantidad de mensajes que puedes recibir en tu correo. Añadirlo es bastante sencillo, pues esta función se trata de un gadg ...

general

Hoy vengo con un tutorial facilito y extra rápido, ¡pero espero que muy útil! Últimamente he notado que tengo muy pocos comentarios. Como bloggers entenderéis la importancia que esto tiene. Por un lado nos motiva, pues si bien una ve sus estadísticas y visitas, a pesar de ello, a mi si no me dejan comentarios me da un poco la sensación de que hablo sola. Y por otro nos guía a la hora de saber sobr ...

Señoras y señores... ¡otro post que tenía preparado y para no echarlo a perder! Os lo contaba el lunes, y este os otro que tenía, pero ya no tengo más... :( Tenía uno de la técnica Pomodoro, pero no tengo ni dos párrafos, así que tendría que escribirlo de cero como quien dice jaja, y luego otro sobre 10 razones por las que aprender html y css, que si queréis, lo publico, decírmelo en los comentari ...

quitar la ortodoncia digitalmente general

Hola amigos...! hoy les traigo un post acerca de Cómo quitar la ortodoncia digitalmente de tus fotos. Entre las solicitudes de retoque fotográfico que más nos reclamáis se encuentran las relativas a la mejora estética del cuerpo o rostro. Una de estas cuestiones es cómo quitar los brackets de una foto. Pues bien, en el videotutorial que te mostramos a continuación aprenderás fácilmente y paso a pa ...

general

En anteriores entregas aprendimos un poco de HTML básico que nos sirviera de base para luego comprender mejor la plantilla Blogger. Después pasamos a la acción creando nuestra primera plantilla y por último los contenedores de la cabecera, el cuerpo, una barra lateral y el pie del Blog. La idea es no copiar y pegar el código que "nos dan hecho", esta vez se trata de conseguir entender ...