• Imprimeix

Amb blocs en acordió

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 en acordió, que implica que cada bloc es plega o desplega. Mai tots els blocs poden estar desplegats a la vegada, quan es desplega un, es tanca un altre.

 

Es presenta dividit en 3 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 (igual que a l’exemple 1.3.1). 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 l’article no té informat els apartats de 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 al contingut dels blocs. Mostra el títol del bloc al 100% de l’àrea, que desplega l’acordió. El contingut informat a cada bloc 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.

Blocs en acordió (versió escriptori i tauleta)

Exemple d'article de blocs en acordió (versió escriptori i tauleta)

Es presenta en una grid del 100% i els continguts es mostren seguint el següent ordre, 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
  • Acordió de blocs
    • Títol
    • Vídeo
    • Text
    • Imatge
    • Bàners amb imatge o sense
    • Informació relacionada
Blocs en acordió (versió mòbil)

Exemple d'article en blocs en acordió (versió mòbil)