×
logo inovablog

2014/05/08

Quitar Sombra y Bordes en las Imagenes del Blog

Como eliminar las sombras en las imágenes de blogger


Vamos a quitar las sombras de la imágenes en blogger, Si has usado la plantilla filigrana, fantastico s.a o algunas de sencillo habrás notado unas molestas sombra que están en las imágenes o fotos que tengamos en el blog, a algunos blogueros esas sombras le gusta pero a otros (como yo) no les gusta ni un poco, pues bien te mostrare como quitar la sombra de las imágenes de blogger, dependiendo de la plantilla te mostrare como eliminarles el efecto sombreado





Para eliminar la sobra de las imágenes en la plantilla Fantastico S.A y Sencillo


entra a blogger
en editar HTML
y oprime las teclas CTRL   F  (Mac ⌘F)  para activar el buscador
busca esta linea .post-body img
y encontraras un código como este

eliminar sombras imagenes blogger

Cambia todos los valores que están sombreados con azul a cero o mejor elimina todo el código.
si cambiaste los valores a cero te quedara así:

  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);
}

Eliminar sombra en imágenes en la plantilla Filigrana 

esta no tiene la parte border: 1px solid $(image.border así que solo elimina lo demás que esta subrayado que seria algo como esto:

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

}

y bien eso es todo, bastante fácil eliminar las sombras en las imágenes de blogger no?

si te gusto este articulo compartelo con tus amigos o suscribete a mi periódico para recibir las actualizaciones en tu correo.

2 comentarios:

Unknown dijo...

hola ezneider, talvez no sea la entrada coreca para este comentario. pero quiero preguntarte como MOVER LOS POST MAS A LA IZQUIERDA por defecto blogger los pone casi centrados con la sidebar al lado derecho, bueno yo quiero moverlos mas a la izquierda para que queden casi al raz del la pantalla, no se si me explico. y lo otro es COMO PONERLE UN COLOR A LA SIDEBAR ya lo e intentado pero solo se pone una linea pequeña, me cometaron que hay un script pero no lo e encontrado. gracias por tu tiempo

loquendomanzano dijo...

es complicado ya que esa plantilla que usas la simple 1 no tiene definida la sidebar del contec, o donde estan los post,

para correr los post es mejor que aumentes el ancho del blog

y para los otro pega esto en agregar css

#sidebar-right-1 {
height: 2600px;
padding-left: 20px;
margin-left: 40px;
width: 300px;
background: #fff /* Color de fondo */
}

ve experimentando con los valores

2018 © Inovablog