Content Comparison

{scrollbar}

----

h2. 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
# Añadir un portlet de contenido (visor de contenido web) !add portlet contenido.jpg|width=1000!
# Añadir un artículo al portlet (botón en el ángulo inferior izquierdo del portlet) !add article.png|width=700!
# Dar título al artículo
# Hacer clic en añadir imagen  !add image.png|width=1000!
# Hacer clic en Ver Servidor
# 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) !Carpeta imagenes.png|width=1000!
# 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. !upload.png|width=800!
# 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.
# Modificar el tamaño de la imagen si se desea
# Hacer clic en la solapa "Vínculo" y escribir la referencia a donde se desea linkear la imagen. {tip}Si el vínculo es desde la imagen hacia alguna página del eportal, alcanza con escribir la url amigable de dicha página. {tip}
# Aceptar
# Hacer clic en Guardar y aprobar

{note} 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. {note}




h2. 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.
{code}

...

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) Image Added
2. Añadir un artículo al portlet (botón en el ángulo inferior izquierdo del portlet) Image Added
3. Dar título al artículo
4. Hacer clic en añadir imagen Image Added
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) Image Added
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. Image Added
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.

    Tip
    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

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>
{code}

# Realizar los pasos 1 a 3 del punto anterior
# Hacer clic en Texto html
# Pegar el texto con el código href
# Salir de la visualización html
# 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. !asociar imagen2.png|width=500!
# Remplazar la imagen por la que se desea utilizar (Pasos 4 a 7 del punto anterior)
# No modificar el tamaño de la imagen. De hacerlo, las coordenadas quedarían desfasadas
# Aceptar
# Guardar y aprobar

----

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. Image Added
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

...

{scrollbar}