• Imprimeix

Amb blocs en àncores

En cas que s’hagi informat contingut als blocs, mostra tota la informació amb subtítols que introdueixen els continguts dels blocs. Es presenta una navegació entre els blocs amb àncores, que implica que al final de cada bloc hi ha una opció de tornar amunt. 

Es presenta dividit en 4 espais que ocupen el 100% de l’àrea on estigui ubicat:

Bloc superior: Ocupa el 100% de l’àrea amb el títol i l’entradeta.

Bloc inferior 1: Per al contingut que no està als blocs. Està dividit en dos espais.

  • 66% (esquerra): mostra el cos de text, les imatges i els vídeos.
  • 33% (dreta): mostra la resta de continguts (descripció, bàners amb imatge o sense, enllaços.                                             

Si no s'informa la descripció, els bàners o els enllaços, (els continguts que es mostren a l’espai del 33%) el contingut es mostra al 100% de l’àrea, sense dividir l’espai.

Bloc inferior 2: Per a les àncores de navegació. Ocupen el 100% de l’àrea i sempre estan a dues columnes.

Bloc inferior 3: Per al contingut dels blocs. El títol del bloc ocupa el 100% de l’àrea. A sota surt el contingut, que està dividit en dos espais:

  • 66% (esquerra): mostra el cos de text i els vídeos.
  • 33% (dreta): mostra les imatges, els bàners amb imatge o sense, la informació relacionada.

Si els blocs no tenen imatges, bàners o informació relacionada (que es mostrarien a l’espai del 33%), el contingut es mostra al 100% de l’àrea, sense dividir l’espai.

Exemple d'article bloc amb àncores (versió escriptori i tauleta)

Exemple d'article bloc amb àncores (versió escriptori i tauleta)

Es presenta en una àrea del 100% i els continguts es mostren seguint l'ordre següent, sempre que estiguin informats:

  • Títol
  • Entradeta
  • Vídeo
  • Imatge i text: Si la imatge és més petita de 420 px, es mostra alineada a la dreta o l’esquerra (es tria per paràmetre) i el text és líquid.
  • Descripció
  • Bàners amb imatge o sense
  • Enllaços
  • Àncores de navegació als blocs
  • Blocs:
    • Títol
    • Vídeo
    • Text
    • Imatge (a sang)
    • Bàners amb imatge o sense
    • Informació relacionada
    • Navegació per pujar a l’inici de la pàgina
Exemple d'article bloc amb àncores (versió mòbil)

Exemple d'article bloc amb àncores (versió mòbil)