Personalización de Blogs Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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í.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

general diseño de blogs

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

general diptera fotografía ...

Fotos de la semana

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

internet blog intermedio ...

Cómo personalizar las fotos en Blogger

Seguimos con tutoriales para Blogger que, junto a imprimibles y clip arts, son de las cosas que más me pedís por email. Esta vez, las protagonistas serán las fotos de nuestras entradas. Vamos a ver cómo personalizarlas de una manera muy sencilla, para que aparezcan todas con el mismo efecto de manera automática en nuestras entadas del blog. Necesitas tener al menos una entrada con una foto publica ...

internet blog intermedio ...

Cómo quitar el mensaje de Cookies de Blogger

Si tienes un blog en blogger, has debido recibir el aviso por correo de que en septiembre debes cumplir con la política de cookies. Y por si no sabes cómo hacerlo, si tu blog es de blogger, ellos se han encargado de que el aviso aparezca bien grande en el cabecero de tu blog. Así: Es una obligación que debemos cumplir, pero si ya tenías instalada tu barrita acorde con el diseño de tu blog, es un f ...

internet blog blogger para dummies ...

Tutorial Blogger Dummies: La Plantilla HTML

Para no tener ni idea de cómo hacer un blog de blogger cuando empezamos esta serie de tutoriales, tu blog no está nada mal ¿no crees? Limpio, profesional, cuidado... si has seguido todos los pasos que hemos ido viendo, puedes estar muy satisfecha del trabajo y horas invertidas en poner tu blog bien bonito tu sola. Puedes repasar lo que llevamos visto aquí: VISTO HASTA AHORA: Presentación. Tu Idea. ...

general

Cómo quitar los dos puntos de los comentarios en blogger y/o cómo personalizar el texto

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

general fotografía nocturna ...

La Vía Láctea y el molino de viento/The Milky Way and the windmill

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

Pareja de Melitaeas (Melitaea sp couple)

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

Par de Boloria selene (couple of small pearl-bordered fritillary)

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

general fotografía insectos ...

Pareja de Lycaena hippothoe (purple-edged copper)

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