Seguro que alguna vez te has preguntado como eliminar los bordes y sombras que se añaden a las imágenes por defecto, esto pasa sobre todo si tienes una plantilla de las que vienen por defecto en blogger y nunca la has tocado, hoy te voy a enseñar lo fácil que es eliminar tanto el borde como las sombras que aparecen por defecto en las imágenes, aunque me hubiera gustado haber hecho este tutorial en vídeo para explicar el paso a paso pero creo que es tan sencillo que os va a quedar muy claro.
Lo primero y como siempre nos vamos a nuestra plantilla y buscamos con CTRL+F lo siguiente:
.post-body img.
Lo único que tenemos que hacer es buscar el código que coincida con la imagen que os señalo en la imagen de arriba y sustituir por "ceros" la parte de codigo que os indico en negrita en este codigo que veis aquí abajo.
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
El codigo tiene que quedar exactamente igual a este, guardáis los cambios y todos los bordes y sombras de tus imágenes habrán desaparecido.
Si te ha resultado útil este Tutorial comparte en tus redes sociales ;)
Parece muy interesante, pero no me encuentra la frase :( ¿Hay alguna otra forma de hacerlo?
ResponderEliminarIntenta buscarlo sin el punto al final, o buscando box-shadow.
EliminarEstupendo. Me ha venido genial!
ResponderEliminarHola Ruth! Pues hija loca estaba yo cn esto, empezar un blog desde cero es difícil! No me acuerdo cm lo hice la otra vez! Jajaja Asiq me ha venido genial! Gracias!!!
ResponderEliminarMamaunicornio.blogspot.com
Hola, he intentado buscar ".post-body img" y no lo encuentra, he también probado con otros códigos y nada. Me podrían ayudar.
ResponderEliminarGracias
Hola Julia no se si me leeras pero si el blog en el que lo has intentado aplicar es el que tienes asociado a tu perfil, seguramente no lo encuentras porque tienes como plantilla las vistas dinámicas.
EliminarMuchas gracias por responderme y resolverme las dudas que tenía.
Eliminarsolo me funciona con imagenes normales,pero cuando es imagenes en render que son en formato PNG,me siguen apareciendo,ayuda porfavor.
ResponderEliminar