Páginas

sábado, 7 de junio de 2014

[TUTORIAL] Como quitar el marco de las imágenes

Konnichiwa, dear usagis!! Como podeis ver he cambiado la plantilla del blog (obligada para personalizar los widgets XD). Bueno, mi problema con esta plantilla era el marco de las imágenes, es decir, esto: 


Pues bien, en mi opinión eso estropea mucho el blog y es un engorro no saber quitarlo si no te gusta. Así que por fín de un rato intentando solucionarlo, os muestro la forma.


Ve a Plantilla -> Editar HTML. Abre el buscador con Ctrl + F y busca moz.
Os aparecera este código:

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

Así que cambiad los números por estos:

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

Y pulsad en Vista Previa para ver si hizo efecto, en algunas plantillas con esto basta pero en otras como la actual del blog no.

Si lo anterior no funcionó, también debeis hacer lo siguiente. Buscad .post-body img y debajo aparecerá esto:

background: #fff;

Cambialo por esto:

background: url(http://www.coamu.es/RevistasAJAX/img/FondoTransparente.gif);

Y ya debe funcionar, no te olvides guardar los cambios modificados en la plantilla o se borrarán.
El resultado final es este:

 
 Así que eso significa que la edición fue todo un éxito. Espero que si teneis este problema useis el tutorial y tengais los efectos esperados para estar lo mas orgullos@s posibles de nuestros blogs. Bye bye.

1 comentario: