11 de agosto de 2019

Editar imágenes, banners y gifs en blogs o websites

Editar imágenes, banners y gifs en blogs o websites



Seguramente a veces deseas obligar a una imagen a centrarse, o a un banner con un link que abra en otra pestaña, o que se auto ajuste el tamaño de la imagen al tamaño de una entrada o publicación o a alguna barra lateral.

Veamos cómo se puede escribir fácilmente este script:


<center><a href="https://www.neobux.com/?r=prooniv" target="_blank"><img src="https://www.neobux.com/imagens/banner9/?u=prooniv&amp;u3=24028378" width="100%" height="100%" /></a></center>

1 - Sección en rojo: Colocas tu Link que abrirá cuando hagan click en la imagen.


2 - Sección en naranja: Agregas toda esa sección y al hacer click en la imagen, banner o gif, el link abrirá en una pestaña nueva.


3 - Sección en amarillo: Es la dirección url donde se encuentra tu imagen, por ejemplo puedes guardar imágenes y gifs en "Fotos" de Google y luego copiar la url de la imagen.


4 - width (ancho) y height (alto): Perfecto, acá simplemente podemos colocar los tamaños que deseamos por ejemplo; width="468" height="60"


Ahora, hay momentos donde necesitamos que una imagen o banner se ajuste automáticamente al tamaño de la sección, una entrada, una publicación, o a la versión móvil de la página, pues bien puedes hacer lo siguiente; width="100%" height="100%"


5 - Sección en verde: Esto simplemente obliga a una imagen a centrarse.


Bien hasta aquí mis recomendaciones para ti en cuanto a la edición en 
html de imágenes.



5/5 – 9

No hay comentarios. :

Publicar un comentario