Vés al contingut (premeu Retorn)

Exemples de pàgines principals

Com estan estructurades les pàgines principals

Les pàgines principals estan configurades com una graella d'amplada 12, i amb tres files configurables.

Una fila pot contenir un únic element que va de banda a banda, o diferents columnes d'elements anomenats portlets.

Consulteu les característiques dels models.

 

Clickeu a sobre de les imatges per augmentar-les

Model N2

 

Exemple una fila

 

Model N2 una fila

Als models N2 sempre tenim a l'esquerra el menú de navegació i a  continuació la part configurable de la pàgina principal.

En aquest exemple hi ha una única fila amb dues columnes:

  • Columna 1: amplada 9, amb portlet de notícies amb fotos
  • Columna 2: amplada 3, amb un portlet de bàners

Però es podria posar qualsevol altre portlet.

 

 

Exemple dues files

 

Model N2 dues files

Als models N2 sempre tenim a l'esquerra el menú de navegació i a  continuació la part configurable de la pàgina principal.

En aquest exemple hi ha dues files. 

La primera fila ocupa tota l'amplada disponible des del menú fins al costat dret.

La segona fila conté portlets:

  • Columna 1: amplada 8, amb portlet de notícies amb fotos
  • Columna 2: amplada 4, amb un portlet de bàners

Però es podria posar qualsevol altre portlet.

 

Model N3 

 

Exemple una fila

 

Model N3 una fila

En aquest exemple hi ha una única fila amb tres columnes amb portlets.

  • Columna 1: amplada 6, amb portlet de notícies amb fotos
  • Columna 2: amplada 3, amb un portlet de text estàtic amb el codi de twitter
  • Columna 3: amplada 3, amb un portlet de bàners i un de calendari

Però es podria posar qualsevol altre portlet.

 

Exemple dues files

 

Model N3 dues files

En aquest exemple hi ha dues files. 

La primera fila ocupa tota l'amplada disponible amb la pàgina de benvinguda.

La segona fila conté portlets:

  • Columna 1: amplada 6, amb portlet de notícies amb fotos
  • Columna 2: amplada 3, amb un portlet de text estàtic amb el codi de twitter
  • Columna 3: amplada 3, amb un portlet de bàners

Però es podria posar qualsevol altre portlet.

Exemple tres files

 

Model N3 tres files

En aquest exemple hi ha tres files. 

La primera fila ocupa tota l'amplada disponible amb la pàgina de benvinguda.

La segona fila conté portlets:

  • Columna 1: amplada 6, amb portlet de notícies amb fotos
  • Columna 2: amplada 3, amb portlet agenda
  • Columna 3: amplada 3, amb un portlet de bàners

La tercera fila és un portlet estàtic d'amplada 12, amb un contingut lliure a mida.

Qualsevol dels portlets es pot substituir per un altre portlet.