8 AGO

¿Cómo añadir una imagen con un enlace?

Publicado en: Aspecto y Diseño web

Si te gusta puedes compartirlo aquí:

Para añadir una imagen con un enlace en el editor de textos, sigue estos sencillos pasos:

  1. Pulsa sobre el botón Insertar/Editar hipervínculo (icon_editor_img.PNG). Te aparecerá un cuadro de diálogo similar a este:

    editor_dialogo_imagen.PNG 
  2. En el campo Url de la imagen puedes escribir la url del archivo que quieres enlazar. 
    1. Si la imagen está alojada en un servidor externo, pega la url del archivo aquí y salta al paso 6.
    2. Si no tienes la imagen alojada en ningún servidor externo (la tienes en tu equipo), continúa con el paso 3.
  3. Pulsa sobre el icono ( icon_adv.jpg ) que aparece junto al campo Url de la imagen, y se abrirá el Gestor de archivos en una nueva ventana.
  4. En la parte inferior de la ventana del Gestor de archivos, selecciona la imagen de tu equipo y pulsa sobre el botón Subir.
    (Si la imagen que quieres enlazar ya la tienes subida, puedes saltarte este paso)
  5. Selecciona la imagen que quieres utilizar, y pulsa sobre el botón Insertar que encontrarás en la misma línea del fichero. Volverás al cuadro de diálogo Insertar/editar imagen. En el campo Url de la imagen verás la ruta de tu imagen subida.
  6. Si lo deseas, puedes personalizar el aspecto de la imagen mediante los siguientes campos que encuentras en la pestaña General:
    1. Descripción de la imagen: Introduce una descripción de la imagen (que podrá aparecer si la imagen no se carga, según el navegador).
    2. Título: Introduce el texto que se mostrará cuando se pasa el puntero del ratón por encima de la imagen
  7. Si lo deseas, también puedes personalizar el aspecto de la imagen mediante los siguientes campos que encuentras en la pestaña Apariencia:
    1. Alineación: Puedes elegir la alineación vertical que tendrá la imagen en la línea respecto al texto.
    2. Dimensiones: Puedes modificar el ancho y el alto de la imagen, para hacer que se muestre más grande o más pequeña. Si marcas la casilla Bloquear relación de aspecto se cambiará el tamaño sin deformar la proporción ancho-alto de la imagen.
    3. Espacio vertical y Espacio horizontal: podrás dar margen a la imagen.
    4. Bordes: Podrás dar un borde a la imagen, con el grosor que escribas aquí.
  8. Pulsa sobre el botón Insertar.
  9. Verás que la imagen que has seleccionado ha aparecido en el editor. Para enlazar la imagen, sigue con la guía ¿Cómo añado un enlace a un archivo?, seleccionando como texto tu imagen.
Con estos pasos, ya tendrás añadida una imagen con enlace.
 
¿Quieres proponer alguna mejora para las 100 mejoras anuales sin coste en Mabisy? Hazlo aquí ahora
¡Suerte con tu tienda online!

¿Te ha gustado? Si quieres puedes compartirlo aquí:


Centro de ayuda de Mabisy

Deja un comentario


( * ) Campos obligatorios

Sigue a Mabisy en Google + o Visíta nuestra página en Google+



Sobre el blog

Noticias, novedades, Actualidad y muchos trucos para hacer que tu tienda online sea un éxito.

Síguenos en...

 8.231