comunidades

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

Hoy os dejo la pareja de Lycaena hippothoe (purple-edged copper), primero el macho y luego 26la hembra today I show you a couple of Lycaena hippothoe (purple-edged copper), first he male and then the female specimen… #twentytwenty-lb4TUh { width: 100%; max-width: 100%; } #twentytwenty-lb4TUh.twentytwenty-hover .twentytwenty-overlay:hover { background: rgba(0,0,0, 0.5); } #twentytwenty ...

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 fotografía

Otra imagen del año pasado (dentro de poco publicaré material nuevo): una pareja de Melitaeas sp mojadas. Another image of the past year (I will publish new images soon): a wet Melitaea sp couple #twentytwenty-VEVPxG { width: 100%; max-width: 100%; } #twentytwenty-VEVPxG.twentytwenty-hover .twentytwenty-overlay:hover { background: rgba(0,0,0, 0.5); } #twentytwenty-VEVPxG .twentytwenty-befor ...

general fotografía insectos ...

Hoy toca una imagen del año pasado, otro par de Boloria selene. Today, I show a last year picture, another pair of A couple of Boloria selene (small pearl-bordered fritillary). (Boloria selene) #twentytwenty-FDcmWh { width: 100%; max-width: 100%; } #twentytwenty-FDcmWh.twentytwenty-hover .twentytwenty-overlay:hover { background: rgba(0,0,0, 0.5); } #twentytwenty-FDcmWh .twentytwenty-before- ...

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

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

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

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