Imagen con vínculos

Owned by Ana Virigina Chiesa (Unlicensed)
Last updated: 09 Nov, 2011 by sgarrido (Unlicensed)Version comment
4 min read
Unknown macro: {scrollbar}

Toda la imagen funciona como un único vínculo

Es necesario que la imagen a agregar sea guardada previamente en alguna ubicación del equipo en donde se encuentra la instalación de O3

  1. Añadir un portlet de contenido (visor de contenido web)
  2. Añadir un artículo al portlet (botón en el ángulo inferior izquierdo del portlet)
  3. Dar título al artículo
  4. Hacer clic en añadir imagen
  5. Hacer clic en Ver Servidor
  6. Seleccionar la carpeta cuyo nombre coincide con la comunidad en cuestión y dentro de ella crear una carpeta de Imágenes (si es que aún no hay una carpeta creada para tal fin)
  7. Subir el archivo a la carpeta de Imágenes (hacer clic en Examinar, seleccionar el archivo y hacer clic en upload) Luego, para visualizar el archivo recién subido es necesario hacer clic en la carpeta que lo contiene.
  8. Dentro de la carpeta de imágenes hacer un clic en el nombre del archivo, lo que hará que éste quede seleccionado para ser insertado en el artículo.
  9. Modificar el tamaño de la imagen si se desea

  10. Hacer clic en la solapa "Vínculo" y escribir la referencia a donde se desea linkear la imagen.

    Si el vínculo es desde la imagen hacia alguna página del eportal, alcanza con escribir la url amigable de dicha página.

  11. Aceptar
  12. Hacer clic en Guardar y aprobar

Al añadir un artículo es necesario aprobarlo (Guardar y aprobar) De lo contrario aparecerá un mensaje advirtiendo que el artículo no ha sido aprobado. Luego, al editarlo, alcanza con guardarlo.

La imagen posee distintos vínculos según las coordenadas

Lo primero que se debe hacer es determinar en forma definitiva qué imagen se utilizará (tamaño, etc.)
Una vez definida la imagen, es necesario crear un código href donde se indica en función de las coordenadas de una zona de la imagen, a qué página debe llevar el vínculo. Verificar que las referencias a las páginas coincidan con la url amigable de cada página.

Ejemplo
<img height="585" border="0" width="776" alt="" usemap="#Map" src="" /> <map id="Map" name="Map">
<area href="pagina1" coords="2,66,19,182" shape="rect" />
<area href="pagina2" coords="1,194,22,321" shape="rect" />
</map>
  1. Realizar los pasos 1 a 3 del punto anterior
  2. Hacer clic en Texto html
  3. Pegar el texto con el código href
  4. Salir de la visualización html
  5. Por último es necesario indicar qué imagen se debe considerar (src) Hacer clic con el botón derecho sobre la imagen y seleccionar Propiedades de la imagen.
  6. Remplazar la imagen por la que se desea utilizar (Pasos 4 a 7 del punto anterior)
  7. No modificar el tamaño de la imagen. De hacerlo, las coordenadas quedarían desfasadas
  8. Aceptar
  9. Guardar y aprobar
Unknown macro: {scrollbar}