martes, 18 de septiembre de 2018

Tamaño automático para las imágenes del blog


Este blog mío, este blog personal donde voy relatando lo que hago, resulta que va a incluir muchas imágenes. Me gusta documentar visualmente lo que hago. Entonces, no quiero tener que estar alineando y pensando en el tamaño de las imágenes, lo que quiero es meterla en la entrada y punto, que las imágenes se adapten automáticamente.

Para poder esto, de nuevo hay que echar mano de código CSS. Me encanta, estoy estudiando HTML, CSS, JavaScript, XML... y es fantástico lo que se puede llegar a hacer, y eso que acabo de empezar, ¡y ya me tiene fascinado! ^_^

En Blogger, voy a Tema y pulso el botón Personalizar.




En Avanzado > Añadir CSS, me sitúo al final del todo y añado el siguiente código:

.post-body img {
  width: 530px; height: auto;
  margin-left: -14px;





Pulso el botón Aplicar al blog y después en Volver A Blogger. Ya está, no tendré que preocuparme de las imágenes, simplemente añadirlas a la entrada y listo papeles :-)



No hay comentarios:

Publicar un comentario