2/4/15

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 

Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

21 comentarios

  1. Muy útil pero me da una pereza.... un beso

    ResponderEliminar
    Respuestas
    1. Yo soy bastante perezosa para todo lo que hay que hacer "a mano" que si no, cuando redactas un post al final no acabas nunca...

      Pero esto es algo muy rápido, creéme. Y además a la mayoría no se lo quito, porque lo normal es poner fotos "normales" no imágenes de botones, y demás.

      Supongo que depende un poco del blog que tengamos, conviene quitarla siempre o hacerlo así :)

      Beso, gracias por comentar!

      Eliminar
  2. Hola Blanca , el post está genial..!!
    a mi tambien me parece que las fotos están mucho mejor con el bordecillo , además en mi caso me hubiesen ayudado pero no lo puse porque no me interesaba que todas las fotos saliesen con borde por defecto porque de vez en cuando pongo algún emoticono , pero con tus consejos igual me animo y vuelvo a cambiar la plantilla..
    Un saludo Blanca, ( perdona que no comente , pero seguir te sigo ;) )
    gracias por compartir todo lo que sabes...b7ts.

    ResponderEliminar
  3. Yo lo tengo quitado para todas las fotos, seguro que con un tutorial tuyo)
    Me gusta mas asi, a lo limpio, porque la firma y mas cosas con el borde queda fatal)
    Gracias por el tutorial.
    Por cierto, la fiesta de enlaces funciona perfectamente, todavia tengo el post "Mas leido" el que hice para ello.
    Un saludo.

    ResponderEliminar
  4. No conocía este blog. Está genial. Ya os sigo^^

    ResponderEliminar
  5. En los ultimos dias he renovado la imagen de mi blog para comenzar de nuevo con él y de pronto me topé con este blog que me parece tan fantastico, asique me quedo para seguir aprendiendo!!

    Muchas gracias por la ayuda ☺️

    ResponderEliminar
  6. Así se quita la sombra, pero para quitar el marco? que habría que hacer?

    ResponderEliminar
  7. Uy Blanca perdona, me he adelantado a hacer una pregunta antes de probarlo. Ya veo que funciona perfectamente, muchas gracias por tu blog, eres una ayuda sensacional!
    Un saludo y buen fin de semana!

    ResponderEliminar
  8. Blanca, hola! Estoy actualizando mi blog y desde hacía tiempo me molestaba mucho este borde que sale en conjunto con la sombra pero no he podido aplicarlo, no entiendo lo de "añadir este código en CSS", no entiendo a dónde lo tengo que añadir o qué es CSS, ya intenté ponerlo en un post para ver como funciona y solamente no puedo, me ayudas por favor? Gracias de ante mano!

    ResponderEliminar
  9. ENCUENTRA EL 9 Y TE BESARAN MAÑANA: 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666966666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 666666666666666 en cuentra el cinco y seras llamado por tu amor: 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222522 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 222222222222222 22222222222 realiza la cuenta de atras: 10 9 8 7 6 5 4 3 2 1 0.......cierra los ojos y pide un deseo AHORA;;;;;;;;;; pega esto en 15 comentarios diferentes y tu deseo se hara realidad.Date prisa o lo que tu pediste seria lo contrario tienes 40 minutos y dale Me gusta

    ResponderEliminar
  10. Se agradecen post asi que hacen que nuestros blog cada dia tengo un aspecto mas personalizado!!

    +1

    www.atecarturo.com

    ResponderEliminar
  11. A mi no me ha dado resultado no sé que hago mal. Si puedes servirme de ayuda. Te lo agradecería. No me gusta las sombritas en mi blog.

    ResponderEliminar
  12. A mi no me ha dado resultado no sé que hago mal. Si puedes servirme de ayuda. Te lo agradecería. No me gusta las sombritas en mi blog.

    ResponderEliminar
  13. Muchas Gracias, no sabía como agregar el CSS hasta que busque CSS y apareció el inicio, jajaaj muchas gracias, estéticamente es mucho mejor para algunas imágenes

    Saludos.

    ResponderEliminar
  14. no me dio resultado he ocupado plantilla de vista dinamicas

    ResponderEliminar
  15. no me dio resultado he ocupado plantilla de vista dinamicas

    ResponderEliminar
  16. Lo que ocupas para añadir CSS:

    Sign in to Blogger.
    Select the blog to update.
    In the left menu, click Template.
    Under Live on blog, click Customize.
    In the left menu, select Advanced > Add CSS.
    Add your code.
    On the top right, click Apply to blog.

    Gracias por el post, sirvió muchísimo!

    ResponderEliminar
  17. Este comentario ha sido eliminado por el autor.

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.