{"id":245,"date":"2014-06-27T08:46:00","date_gmt":"2014-06-27T08:46:00","guid":{"rendered":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-quitar-las-sombras-de-las-imagenes"},"modified":"2016-03-02T08:25:00","modified_gmt":"2016-03-02T08:25:00","slug":"como-quitar-las-sombras-de-las-imagenes","status":"publish","type":"post","link":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-quitar-las-sombras-de-las-imagenes\/","title":{"rendered":"C\u00f3mo quitar las sombras de las im\u00e1genes de blogger"},"content":{"rendered":"

\nTutorial para eliminar las sombras y el borde en las fotos del blog (Blogger)<\/h3>\n
\n<\/div>\n
\nCuando subes cualquier imagen al blog, blogger pone por defecto un contorno y una sombra en esa foto o imagen.  (ver ejemplo abajo)<\/div>\n
\n<\/div>\n
\n<\/a><\/div>\n
\n<\/div>\n
\n<\/div>\n
\nSi te gusta como quedan tus fotos con el contorno y el sombreado perfecto no toques nada pero si no te gusta como queda y prefieres que la foto no tenga ese efecto puedes quitarlo de un modo muy sencillo.<\/div>\n
\n<\/div>\n
\n1. <\/b>Entra al editor de blogger y haz click en Plantilla\/ Editar Html<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n\"como<\/a><\/div>\n

<\/p>\n

\n<\/div>\n

<\/p>\n

\n<\/div>\n
\n<\/div>\n
\n2.<\/b> Despu\u00e9s coloca el cursor dentro de la zona editable de la plantilla y presiona la combinaci\u00f3n crtl+f en tu teclado, aparecer\u00e1 un buscador en la esquina derecha del editor<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n\"quitar<\/a><\/div>\n
\n<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n3. <\/b>Copia este trozo de c\u00f3digo: .post-body img y p\u00e9galo dentro de la caja de b\u00fasqueda, despu\u00e9s dale a la tecla enter (o intro). Con esto lo que hacemos es localizar el c\u00f3digo en el que vamos a cambiar los par\u00e1metros<\/i><\/div>\n
\n
<\/i><\/div>\n
\n\"tutorial<\/a><\/div>\n
\n
<\/i><\/div>\n
\n
<\/i><\/div>\n
\n4.<\/b> Te aparecer\u00e1 destacado en amarillo el c\u00f3digo que estamos buscando, f\u00edjate s\u00f3lo en el primero que te marca que es el que hay que cambiar, el c\u00f3digo que tenemos que localizar es el siguiente: <\/div>\n
\n<\/div>\n
\n<\/div>\n
\n.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,<\/div>\n
\n.BlogList .item-thumbnail img {<\/div>\n
\n  padding: $(image.border.small.size);<\/div>\n
\n<\/div>\n
\n  background: $(image.background.color);<\/div>\n
\n  border: 1px solid $(image.border.color);<\/div>\n
\n<\/div>\n
\n  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<\/div>\n
\n  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<\/div>\n
\n  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n<\/div>\n
\nLo que hay marcado en rojo es lo que tenemos que cambiar, puedes cambiar los n\u00fameros uno a uno o copiar y pegar el c\u00f3digo de abajo que ya est\u00e1 cambiado<\/div>\n
\n<\/div>\n
\nTienes que poner todo los n\u00fameros marcados en rojo a 0 de forma que quede como el c\u00f3digo de abajo <\/div>\n
\n<\/div>\n
\n.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,<\/div>\n
\n.BlogList .item-thumbnail img {<\/div>\n
\n  padding: $(image.border.small.size);<\/div>\n
\n<\/div>\n
\n  background: $(image.background.color);<\/div>\n
\n  border: 0px solid $(image.border.color);<\/div>\n
\n<\/div>\n
\n  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);<\/div>\n
\n  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);<\/div>\n
\n<\/div>\n
\n  box-shadow: 0px 0px0 rgba(0, 0, 0, .1);<\/div>\n
\n<\/div>\n
\n<\/div>\n
\n

\nImportante cuando no tienes mucha experiencia con el html<\/h3>\n

\nCuidado al tocar el html de la plantilla si no est\u00e1s seguro de que los has hecho correctamente puedes deshacer <\/b>(ctrl+z) y dale a vista previa<\/b> antes de guardar la plantilla y los cambios.<\/p>\n

<\/p>\n

\nEnlaces relacionados:<\/h3>\n<\/div>\n
\n