-
Componentes
-
Módulos
-
Tipos de visualización
- Clases auxiliares
-
Componentes
- Nativos de Liferay
- Interacciones
- Campos de formulario
- Botones
- Interruptores
- Filtros
- Desplegables
- Filtro aplicado
- Pestañas
- Filtro pestaña
- Vista cuadrícula o listado
- Línea divisoria
- Navegación
- Contenido
- Composiciones de texto
- Encabezado
- Elementos tarjetas
- Tablas
- Etiqueta
- Etiqueta
- Cifras
- Ficha Bloque Descriptivo
- Indicador de nivel
- Bloque persona
- Enlaces
- Descarga de ficheros
- Indicador fecha
- Logotipos
- Bloque ficha técnica
- Tarjetas
- Basica
- Pictograma
- Apertura - Tarjetas Flexibles
- Recurso Gráfico Compacta
- Básica Mosaico
- Calendarizada
- Datos de contacto
- Logotipo o pictograma
- Compra
- Accesos
- Contenedor Tarjetas
- Datos publicación
- Alertas
- Fondo imagen
- Multimedia
- Agenda
- Mover elemento responsivo
-
Módulos
- Funcionales
- Tarjetas
- Actualidad
- Contenido relacionado
- Apertura - Tres Destacados
- Carrusel
- Mosaico
- Mapa
- Filtrado
- Localizaciones
- Entradas destacadas
- Distributiva old
- Calendarizada
- Distributiva
- Publicación
- Accion
- Banner - Accesos directos
- Suscripcion
- Banner AccesoDirecto Ilustración
- Banner acceso directo textura
- Banner-Encuesta
- Banner - Etiquetas
- Acción-Compra
- Contenido
- Contenido + imagen
- Ficha-ilustracion
- Ficha-desplegables
- Tablas
- Contacto
- Descargas
- Ficha pestañas
- Citas destacadas
- Tarjetas
- Tarjetas-Pictograma
- Contenido Cifras+Imagen
- Listado
- Contenido-Entidades
- Cifras
- Selector alfabético
- Apertura
- Tipos de visualización
Banner AccesoDirecto Ilustración
El propósito del módulo Acción-Banner-AccesoDirecto-Ilustración es conectar el contenido de diferentes pantallas a través de un acceso directo personalizable.
Para la construcción de este módulo, usaremos para comenzar el fragmento FRG_FondoImagenResponsiva, para ubicar la imagen que necesitemos en la zona deseada.
Por otro lado dentro de este último, tenemos distintos tipos de títulos y párrafos, junto al uso del fragmento FRG_Fechas para pintar el rango de fechas deseado. Finalmente, haremos uso del FRG_Boton para añadir el botón correspondiente.
Poseemos 2 variantes, una máxima y otra mínima, cada una con sus modos claro y oscuro.
Variantes
A continuación mostramos sus variantes.
FRG_CMP_BannerAccesoDirectoIlustracionMax
DiseñoPortal > Módulos > Acción > FRG_CMP_BannerAccesoDirectoIlustracionMax
Variante Máxima
CURSOS DE LENGUA Y LITERATURA
Presidencia Española del Consejo de la Unión Europea
FRG_CMP_BannerAccesoDirectoIlustracionMaxDark
DiseñoPortal > Módulos > Acción > FRG_CMP_BannerAccesoDirectoIlustracionMaxDark
Variante Máxima modo oscuro
CURSOS DE LENGUA Y LITERATURA
Presidencia Española del Consejo de la Unión Europea
FRG_CMP_BannerAccesoDirectoIlustracionMin
DiseñoPortal > Módulos > Acción > FRG_CMP_BannerAccesoDirectoIlustracionMin
Variante Mínima
CURSOS DE LENGUA Y LITERATURA
FRG_CMP_BannerAccesoDirectoIlustracionMinDark
DiseñoPortal > Módulos > Acción > FRG_CMP_BannerAccesoDirectoIlustracionMinDark
Variante Variante Mínima modo oscuro