Comunidad hecha para todos los usuarios que tienen blogs . Para compartir nuestros blogs , hacer preguntas y tutoriales para mejorar nuestros blogs . No te olvides de seguirnos.

Ver más
  • 1,378 Miembros
  • 1,204 Temas
  • 381 Seguidores
  • 0

Editar Imágenes con Html

Hola y buenos dias! Nunca les paso que subieron una foto al blog y la imagen les quedo desproporcionada!? salia de los bordes del blog? ¿Cual es la solucion a esto?¿Subir nuevamente la imagen? ¿achicarla nuevamente?. Mucho trabajo, no?!, Bueno esto es muy básico pero hay personas que no lo saben asique les muestro la solución en html:

Muy bien tenemos una entrada en el Blog:





Vamos a editar en Html:





Donde dice max-width: 750 (en mi caso) Le vasmo a ir reduciendo (o aumentando) los valores





Vemos previamente si esta bien y si esta bien publicamos!






Imagen con enlace:

El codigo de una imagen con enlace es este:

<a href="url del enlace"><img src="url de la imagen"></a>


Pero que pasa cuando queremos achicar la imagen que muestra el enlace?

Bueno debemos agregar este codigo:


<img src="url de la imagen" width="28" height="21" alt="Tamaño original" border="3">

Donde modificaremos width & height a gusto hasta que tengamos la imagen que queremos

y el codigo final nos quedaria asi:

<a href="url del enlace"><img src="url de la imagen" width="28" height="21" alt="Tamaño original" border="3"></a>

Tambien se puede utilizar para presentar una imagen chica (o varias) con los enlaces a la imagenes mas grandes:

<a href="url de la imagen"><img src="url de la imagen" width="28" height="21" alt="Tamaño original" border="3"></a>


Bueno eso fue todo, saludos! espero que las sirve de algo!

  • 0
  • 0Calificación
  • 0Seguidores
  • 294Visitas
  • 0Favoritos

0 respuestas

Tienes que ser miembro para responder en este tema