Contenido_Cifras+Imagen

El propósito del módulo Contenido-Cifras+Imagen es presentar una cifras destacadas acompañadas de imagen y dar la opción al usuario de navegar a la sección correspondiente.

Este módulo está regido por la composición FRG_CMP_Contenido_Cifras+Imagen_'variante'.

Este módulo está construido en su zona superior por una composición de texto que nos muestra el título e información relacionada.

En su zona inferior, encontramos el fragmento FRG_MoverElementoResponsivo, que utilizaremos para mover la imagen a otra zona en modo responsive, y en el bloque derecho, un listado de fragmentos FRG_Cifras para ir listando el contenido necesario, configurándolo con un tipo de estilo y un alineamiento en concreto.

Poseemos 2 variantes, una máxima y otra mínima, que difieren en la cantidad de contenido interior.

Imágenes:

  • Para las nuevas que se quieran utilizar:  720px x 408px.
  • Si utilizamos imágenes de documentos y multimedia utilizaremos la medida de las opciones de la imagen (1000px x 0).
  • Se recomienda la carga diferida.

FRG_CMP_Contenido_Cifras+Imagen_Maximo

Fragmentos > Módulos - Contenido > FRG_CMP_Contenido_Cifras+Imagen_Maximo

Elementos móviles

Nota editores: Se ha de tener en cuenta que este módulo debido a que el diseño responsivo cambia la posición de ciertos elementos y tiene sus componentes exclusivos para dicha vista ocultando en este caso los presentes en escritorio.

El botón del módulo se desplaza al contenedor especial situado debajo de las cifras informativas, esto es con la ayuda del fragmento FRG_MoverElementoResponsivo, es importante que esten ambos para su correcto funcionamiento.

Variante máxima

Antetítulo

Lorem ipsum dolor sit amet


A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. Paragraphs are usually an expected part of formal writing, used to organize longer prose. Paragraphs are usually an expected part of formal writing, used to organize longer prose. Paragraphs are usually an expected part of formal writing.
モバイルコンテナのクラスが複数回使用されています

機能エラー - 正しく動作させるため、モバイルコンテナに使用する「contenedor-movil-button」クラスはこのページで 1 回だけ使用してください。

空の要素

機能のないコンポーネント - モバイル表示で別の場所に移動したい要素をこのエリアに追加してください。

モバイルコンテナのクラスが複数回使用されています

機能エラー - 正しく動作させるため、モバイルコンテナに使用する「contenedor-movil-image」クラスはこのページで 1 回だけ使用してください。

空の要素

機能のないコンポーネント - モバイル表示で別の場所に移動したい要素をこのエリアに追加してください。

+000
Título S sin pictograma
+000
Título S sin pictograma
0000
Título S sin pictograma
0000
Título S sin pictograma

FRG_CMP_Contenido_Cifras+Imagen_Minimo

Fragmentos > Módulos - Contenido > FRG_CMP_Contenido_Cifras+Imagen_Minimo

Variante mínima

Lorem ipsum dolor sit amet


モバイルコンテナのクラスが複数回使用されています

機能エラー - 正しく動作させるため、モバイルコンテナに使用する「contenedor-movil-image-min」クラスはこのページで 1 回だけ使用してください。

空の要素

機能のないコンポーネント - モバイル表示で別の場所に移動したい要素をこのエリアに追加してください。

+000
Título S sin pictograma
+000
Título S sin pictograma