Cargo actual:Index > Cómo agregar una imagen a una barra lateral de Joomla

Cómo agregar una imagen a una barra lateral de Joomla

Actualizado:06-07Fuente: consolidación de la red
Advertisement

Cómo agregar una imagen a una barra lateral de Joomla


Además de los módulos de imagen incorporado en HTML personalizado y al azar, hay algunos módulos libres en el Joomla! Extensiones Directorio que mostrará imágenes en cualquier posición del módulo, incluyendo las barras laterales: Easy Image Displayer, KAC pantalla de imagen y JT Shadowbox.

Uso de la Imagen Aleatoria incorporado en el Módulo

  • 1

Inicie sesión en el back-end de su sitio web como administrador. Haga clic en "Extensiones", luego en "Gestor de módulos". Esto mostrará una lista de los módulos instalados.

2

Seleccione "Imagen aleatoria" de la lista de módulos instalados. En "Detalles", seleccione "No" para "Mostrar título" y "Sí" en "Enabled". En la lista desplegable "Posición", seleccione la posición deseada (por ejemplo, "derecha"). En "Menús", asegúrese de que esté seleccionado "All" o "artículo Seleccione Menú (s) de la lista".

3

Introduzca la extensión de archivo para "Tipo de imagen" para las imágenes que se muestran en la barra lateral. El tipo de imagen por defecto es "jpg".

4

Introduzca la ruta a la carpeta de imágenes en "Carpeta de imagen." La ruta debe ser relativa a la URL de su sitio web (por ejemplo, images / stories). Introduzca la anchura máxima en píxeles que las imágenes se debe mostrar (por ejemplo, 150px) en el cuadro "Ancho" para limitar el ancho de imagen para la barra lateral de la plantilla.

5

Haga clic en "Aplicar". Haga clic en "Vista previa" para verificar que la página funciona correctamente. Cerrar esta ventana del navegador. Haga clic en "Guardar".

Uso del módulo HTML personalizado

1

Inicie sesión en el back-end de su sitio web como administrador. Haga clic en "Extensiones" y luego "Gestor de módulos". Esto mostrará una lista de los módulos instalados.

2

Haga clic en "Nuevo" en la barra de título Gestor de módulos. Seleccione el botón de opción "HTML personalizado" y haga clic en "Siguiente".

3

Introduzca un título para la imagen en "Título", seleccione "No" para "Mostrar título" y "Sí" en "Enabled". En la lista desplegable "Posición", seleccione la posición deseada (por ejemplo, de "izquierda").

4

Desplázate hasta la parte inferior de la página, si es necesario, y seleccione el botón de imagen situada bajo "de salida personalizado." Busque la imagen y seleccionarla. Introduzca una descripción y el título. Opcionalmente, puede activar la casilla de "Leyenda" si desea que el título que se visualiza con la imagen. Haga clic en "Insertar".

5

Haga clic en "Aplicar". Haga clic en "Vista previa" para verificar que la página funciona correctamente. Cerrar esta ventana del navegador. Haga clic en "Guardar".

Consejos y advertencias

Crear una nueva carpeta mediante "Media Manager" en el back-end para el módulo de imágenes aleatorias. Sube las fotos que desee en la barra lateral a esta carpeta.

  • Cómo agregar un panel de la barra lateral de estilo Opera para Firefox [Guía]Cómo agregar un panel de la barra lateral de estilo Opera para Firefox [Guía] Actualizado:05-18

    Opera tiene un panel de barra lateral que incluye accesos directos a diversas opciones de tu navegador. También puede agregar un panel de la barra lateral de estilo Opera para el navegador Firefox con la barra lateral de All-in-One complemento. Haga

  • Cómo agregar Twitter Actualizaciones para la barra lateral de su blogCómo agregar Twitter Actualizaciones para la barra lateral de su blog Actualizado:11-06

    Twitter permite a las personas enviar mensajes a amigos, familiares y seguidores con un texto de 140 characters.If donde quieras mostrar sus actualizaciones de Twitter en la barra lateral de tu blog puede agregar fácilmente. 1.Just iniciar sesión en

  • Cómo agregar una imagen a una barra lateral de JoomlaCómo agregar una imagen a una barra lateral de Joomla Actualizado:06-07

    Además de los módulos de imagen incorporado en HTML personalizado y al azar, hay algunos módulos libres en el Joomla! Extensiones Directorio que mostrará imágenes en cualquier posición del módulo, incluyendo las barras laterales: Easy Image Displayer

  • Cómo agregar Comentarios recientes en una barra lateral en LiveJournal Actualizado:08-03

    El servicio de red social LiveJournal le permite crear un blog en línea o un diario para compartir con amigos y otros usuarios. Los visitantes de su diario y luego pueden comentar los mensajes individuales. Estos comentarios se muestran a continuació

  • Cómo grabar una imagen en una unidad USBCómo grabar una imagen en una unidad USB Actualizado:03-23

    Quemar o montar un archivo de imagen en una unidad flash USB es una gran manera de instalar un sistema operativo o crear una unidad de arranque sin el disco físico. Un ISO (reconocido por la extensión de archivo .iso) es una réplica exacta de un CD o

  • Cómo poner una imagen en una página WebCómo poner una imagen en una página Web Actualizado:11-26

    Adición de imágenes a una página web es un elemento muy importante en el diseño de página web. Mediante la adición de imágenes puede crear interés visual en su sitio web frente a tener un sitio web que es sólo las páginas llenas de texto. Si usted es

  • Cómo agregar un título a una página Web con Dreamweaver Actualizado:01-04

    Algunos motores de búsqueda utilizan los títulos de las páginas Web de índice. Títulos también se utilizan para identificar las páginas en la historia de un navegador y como nombres predeterminados para los marcadores. Añadir un claro y conciso títul

  • ¿Cómo puedo recortar una imagen en una forma redonda en Photoshop Elements?¿Cómo puedo recortar una imagen en una forma redonda en Photoshop Elements? Actualizado:01-11

    La gente tiende a pensar en los elementos de Photoshop como meramente el hermano pequeño recortado de Photoshop. En realidad, los elementos de Photoshop es un programa de gráficos de gran alcance en su propio derecho, que posee muchas de las mismas h

  • Cómo colocar una imagen en una capa en PhotoshopCómo colocar una imagen en una capa en Photoshop Actualizado:03-02

    Al igual que con muchas tareas en Photoshop CC (2014), hay más de un par de maneras de agregar una imagen a un documento. En la mayoría de los casos, la duplicación de una capa de imagen, o copiar y pegarlo, funciona muy bien. La imagen se añade al d

  • Cómo insertar una imagen en una celda de ExcelCómo insertar una imagen en una celda de Excel Actualizado:02-15

    Inserción de una imagen en una hoja de cálculo Excel 2013 normalmente pone la imagen en una capa separada, que flota por encima de la hoja de trabajo de forma independiente de las células. Si prefieres tener una imagen dentro de una celda, basta con