Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals...

63
Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat Canvis de disseny en els webs de la Generalitat de Catalunya 26 d’octubre de 2009 Versió 1.0

Transcript of Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals...

Page 1: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

Canvis de disseny en els webs de la Generalitat de Catalunya 26 d’octubre de 2009

Versió 1.0

Page 2: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

2

Índex de contingut

1 INTRODUCCIÓ ....................................................................................... 3

2 FORMES DE PRESENTACIÓ GENÈRIQUES EVOLUCIONADES........ 4

2.1 Cercadors..................................................................................... 4

2.2 Destacats de la columna dreta................................................... 7

2.3 Destacats de cos de pàgina...................................................... 16

2.4 Menús de navegació ................................................................. 20

2.5 Pàgines de detall ....................................................................... 24

2.6 Pàgines distribuïdores i llistes de continguts ........................ 54

2.7 Títol de pàgina web ................................................................... 63

Page 3: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

3

1 Introducció

Aquest document recull les formes de presentació evolucionades per aconseguir el nou disseny gràfic dels portals GECO.

A cada apartat podrem aconseguir la forma de presentació afectada, els canvis efectuats, un exemple gràfic de l’abans i el després de les peces, i, finalment, la ruta on es pot veure la forma de presentació al portal genèric.

Page 4: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

4

2 Formes de presentació genèriques evolucionades

2.1 Cercadors

2.1.1 fw_fp_cercador_generic

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

3. Canvien les pastilles.

� La barra té una alçada de 20 píxels.

� El degradat de la pastilla vermella va del #AD2114 al #680404.

� El degradat de la pastilla grisa va del #7F7F7F al #5D5D5D.

4. Canvia el botó de cerca.

5. Canvia el pic (bullet).

• Imatges de disseny:

Disseny antic:

Page 5: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

5

Disseny nou:

Page 6: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

6

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es va afegir la classe FW_destacatsResults a les dues llistes que pinta els enllaços destacats en els resultats de la cerca.

� S’ha modificat la crida a la imatge del botó de cerca. La nova imatge és la següent: /Framework/estilos y scripts/NUEVOS Estilos, imagenes y

js/img/FW_cerca.gif.

2. Fulls d’estils genèrics.

� S’han creat les classes “.resultats, .destacats_gsa ul“, “FW_destacatsResults” i “a.FW_sGris” del full d’estils FW_cercadorGeneric.css.

� S’han modificat les classes “.resultats, .cercador_gencat ul”, “FW_fResultatsA”, “FW_fDestaquem” i “ul li.FW_spfonsRallatGris” del full d’estils FW_cercadorGeneric.css.

Page 7: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

7

2.2 Destacats de la columna dreta

2.2.1 Bàners

2.2.1.1 fw_fp_destacats_foto_link_descripcio

• Modificacions funcionals:

1. Canvia la pastilla i el color de la tipografia.

� La barra té una alçada de 20 píxels.

� El degradat va del #AD2114 al #680404.

� Títol: #ffffff, Verdana bold 11 px.

• Imatges del disseny:

Disseny antic: Disseny nou:

Page 8: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

8

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fPastillaNormal del full d’estils FW_estils.css.

2.2.1.2 fw_fp_destacats_foto_link_descripcio_2

• Modificacions funcionals:

1. Canvia la pastilla.

� La barra té una alçada de 20 píxels.

� El degradat va del #AD2114 al #680404.

• Imatges del disseny:

Disseny antic: Disseny nou:

Page 9: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

9

• Detalls tècnics:

1. Formes de presentació genèriques.

� Abans s’utilitzava la classe FW_fDestacats per pintar la pastilla i ara s’utilitza la classe FW_fDestacatsVermell.

2. Fulls d’estils genèrics.

� S’ha creat la classe FW_fDestacatsVermell del full d’estils FW_estils.css.

2.2.1.3 fw_fp_destacats_nomes_foto

• Modificacions funcionals:

1. Canvia la pastilla.

� La barra té una alçada de 20 píxels.

� El degradat va del #AD2114 al #680404.

• Imatges del disseny:

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� Abans s’utilitzava la classe FW_fDestacats per pintar la pastilla i ara s’utilitza la classe FW_fDestacatsVermell.

2. Fulls d’estils genèrics.

� S’ha creat la classe FW_fDestacatsVermell del full d’estils FW_estils.css.

Page 10: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

10

2.2.2 Llista de continguts

2.2.2.1 fw_fp_desplegable

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Canvia el botó de cerca.

3. Canvien les vores puntejades per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic: Disseny actual:

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha modificat la crida a la imatge del botó de cerca. La nova imatge és la següent: /Framework/estilos y scripts/NUEVOS Estilos, imagenes y

js/img/FW_cerca.gif.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

Page 11: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

11

2.2.2.2 fw_fp_desplegable_2

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Canvia el botó de cerca.

3. Canvien les vores puntejades per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

1. Aquesta forma de presentació va en companyia de la forma de presentació fw_fp_llista_enllacos_post_desplegable. Per tant, en les imatges d’exemple, apareixen les dues formes de presentació.

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha modificat la crida a la imatge del botó de cerca. La nova imatge és la següent: /Framework/estilos y scripts/NUEVOS Estilos, imagenes y

js/img/FW_cerca.gif.

Page 12: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

12

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.2.2.3 fw_fp_destacats_nomes_link

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Canvien les vores puntejades per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’han modificat les classes FW_primer_nivell_top i FW_primer_nivell_bottom del full d’estils FW_estils.css.

2.2.2.4 fw_fp_destacats_nomes_link_3

• Modificacions funcionals:

1. Canvia la pastilla.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat.

Page 13: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

13

3. Canvien les vores puntejades per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_spfonsRallatGris que pintava el fons ratllat.

� Es van afegir 4 capes per pintar les vores. Les capes utilitzen les classes següents: FW_BorderContTop2, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom2.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats2 del full d’estils FW_estils.css.

� S’han creat les classes FW_BorderContTop2, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom2 del full d’estils FW_estils.css.

Page 14: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

14

2.2.2.5 fw_fp_destacats_nomes_link_4

• Modificacions funcionals:

1. Canvia la pastilla.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat.

3. Canvia el pic (bullet).

4. Canvien les vores puntejades per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny actual: Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_spfonsRallatGris que pintava el fons ratllat.

� Es van afegir 4 capes per pintar les vores. Les capes utilitzen les classes següents: FW_BorderContTop2, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom2.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats2 del full d’estils FW_estils.css.

� S’han creat les classes FW_BorderContTop2, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom2 del full d’estil FW_estils.css.

Page 15: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

15

2.2.2.6 fw_fp_destacats_nomes_link_5

• Modificacions funcionals:

1. Canvien les vores.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny actual: Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sCaixaDocBorderTop, FW_sCaixaDocBorderLeft, FW_sCaixaDocBorderRight i FW_sCaixaDocBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.2.2.7 fw_fp_llista_enllacos_post_desplegable

• Vegeu l’apartat de fw_fp_desplegable_2.

Page 16: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

16

2.3 Destacats de cos de pàgina

2.3.1 fw_fp_contingut_home_destacat

• Modificacions funcionals:

1. S’elimina el fons ratllat, i es col·loca una línia grisa a la part superior dels titulars.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic:

Page 17: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

17

Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes FW_spblocFonsRallatGris i FW_fonsTitolImatge2 per les noves classes FW_titolImatge i FW_fonsTitolImatge2, respectivament.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_titolImatge, “FW_fonsTitolImatge h4”, “FW_fonsTitolImatge2 h4”, “FW_fonsTitolImatge h4 a, .FW_fonsTitolImatge2 h4 a” i “FW_fonsTitolImatge h4 a:hover, .FW_fonsTitolImatge2 h4 a:hover” del full d’estils FW_estils.css.

Page 18: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

18

2.3.2 fw_fp_destacats_fons_gris

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 19: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

19

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Es van afegir 4 capes per pintar les vores. Les capes utilitzen les classes següents: FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.3.3 fw_fp_enllacos_actualitat

• Modificacions funcionals:

1. S’afegeixen icones.

2. Es pinta un separador vertical a la dreta de cada element de la barra.

� Línia puntejada (és la mateixa que la línia superior i inferior).

• Imatges del disseny:

Disseny antic:

Disseny nou:

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’han modificat les classes FW_sMenuHorAct i FW_sMenuHorDreta del full d’estils FW_estils.css.

Page 20: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

20

2.4 Menús de navegació

2.4.1 fw_fp_menu (organismes)

• Modificacions funcionals:

1. Canvien les pastilles.

� La barra té una alçada de 20 píxels.

� El degradat de la pastilla vermella va del #AD2114 al #680404.

� El degradat de la pastilla grisa va del #7F7F7F al #5D5D5D.

• Imatges del disseny:

Disseny antic: Disseny nou:

Page 21: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

21

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’han modificat les classes FW_mPrimerNivell, “FW_mPrimerNivell a”, FW_mPrimerNivell_n_Exp, “FW_mPrimerNivell_n_Exp a”, FW_mPrimerNivell_s, “FW_mPrimerNivell_s a”, FW_mPrimerNivell_s_Exp i “FW_mPrimerNivell_s_Exp a” del full d’estils FW_menuOrganismes.css.

2.4.2 fw_fp_menu (temàtic)

• Modificacions funcionals:

1. Es canvia el fons ratllat per una pastilla de color gris clar.

� La barra té una alçada de 20 píxels.

� El degradat va del #DCDADB al #B2B2B2.

• Imatges del disseny:

Disseny antic: Disseny nou:

Page 22: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

22

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’han modificat les classes FW_Primer_Nivell_Titulo, FW_mPrimerNivell, FW_mPrimerNivell_n_Exp, FW_mPrimerNivell_s i FW_mPrimerNivell_s_Exp del full d’estils FW_menuTematics.css.

2.4.3 fw_fp_menu_2

• Modificacions funcionals:

1. Canvia la pastilla.

� La barra té una alçada de 20 píxels.

� El degradat de la pastilla vermella va del #AD2114 al #680404.

� El degradat de la pastilla grisa va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat.

3. Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic: Disseny nou:

Page 23: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

23

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� S’ha afegit la crida a la classe FW_NoBorder quan es pinta el tercer nivell del menú.

2. Fulls d’estils genèrics.

� S’han modificat les classes “FW_dMenu2 .FW_mPrimerNivell”, “FW_dMenu2 .FW_mPrimerNivell a”, “FW_dMenu2 .FW_mPrimerNivell_n_Exp”, “FW_dMenu2 .FW_mPrimerNivell_n_Exp a”, “FW_dMenu2 .FW_mPrimerNivell_s”, “FW_dMenu2 .FW_mPrimerNivell_s a”, “FW_dMenu2 .FW_mPrimerNivell_s_Exp”, “FW_dMenu2 .FW_mPrimerNivell_s_Exp a” i “FW_dMenu2 ul.FW_border_sup” del full d’estils FW_menu2.css .

� S’ha creat la classe "FW_dMenu2 ul.FW_NoBorder" del full d’estils FW_menu2.css .

Page 24: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

24

2.5 Pàgines de detall

2.5.1 Articles

2.5.1.1 fw_fp_article_ancores_llista_continguts_relacionats_A

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 25: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

25

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 26: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

26

2.5.1.2 fw_fp_article_ancores_llista_continguts_relacionats_B

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvien les vores puntejades dels destacats de la dreta per línies contínues.

� La línia és d’1 px i de color #8D8D8D.

3. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

4. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 27: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

27

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 28: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

28

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.5.1.3 fw_fp_article_llista_continguts_relacionats_1columna_A1

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 29: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

29

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 30: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

30

2.5.1.4 fw_fp_article_llista_continguts_relacionats_1columna_A2

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 31: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

31

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 32: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

32

2.5.1.5 fw_fp_article_llista_continguts_relacionats_1columna_A3

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvia el pic (bullet).

3. Canvia la presentació dels elements relacionats de l’article i dels blocs.

� S’elimina el fons ratllat.

� Es col·loquen vores a la capa.

• La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 33: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

33

Disseny antic (elements relacionats):

Disseny nou (elements relacionats):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Ara els elements relacionats tenen vores, s’utilitza la classe FW_BorderComplet.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats del full d’estils FW_estils.css.

� S’ha creat la classe FW_BorderComplet del full d’estils FW_estils.css.

Page 34: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

34

2.5.1.6 fw_fp_article_llista_continguts_relacionats_1columna_B1

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 35: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

35

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 36: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

36

2.5.1.7 fw_fp_article_llista_continguts_relacionats_1columna_B2

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 37: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

37

Disseny antic (blocs):

Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 38: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

38

2.5.1.8 fw_fp_article_llista_continguts_relacionats_1columna_B3

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvia el pic (bullet).

3. Canvia la presentació dels elements relacionats de l’article i dels blocs.

� S’elimina el fons ratllat.

� Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 39: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

39

Disseny antic (elements relacionats):

Disseny nou (elements relacionats):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Ara els elements relacionats tenen vores, s’utilitza la classe FW_BorderComplet.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats del full d’estils FW_estils.css.

� S’ha creat la classe FW_BorderComplet del full d’estils FW_estils.css.

Page 40: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

40

2.5.1.9 fw_fp_article_llista_continguts_relacionats_2columnes_A

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 41: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

41

Disseny antic (blocs): Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 42: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

42

2.5.1.10 fw_fp_article_llista_continguts_relacionats_2columnes_B

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. S’elimina el fons ratllat dels blocs, i es col·loca una línia grisa a la part superior dels titulars.

3. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 43: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

43

Disseny antic (blocs): Disseny nou (blocs):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han modificat les classes FW_fDestacats i FW_sTitolFons del full d’estils FW_estils.css.

Page 44: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

44

2.5.1.11 fw_fp_article_llista_continguts_relacionats_2columnes_C

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvia el pic (bullet).

3. Canvia la presentació dels elements relacionats de l’article i dels blocs.

� S’elimina el fons ratllat.

� Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 45: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

45

Disseny antic (elements relacionats):

Disseny nou (elements relacionats):

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Ara els elements relacionats tenen vores, s’utilitza la classe FW_BorderComplet.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats del full d’estils FW_estils.css.

� S’ha creat la classe FW_BorderComplet del full d’estils FW_estils.css.

Page 46: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

46

2.5.1.12 fw_fp_detall_article

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvia el pic (bullet).

3. Canvia la presentació dels elements relacionats de l’article i dels blocs.

� S’elimina el fons ratllat.

� Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 47: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

47

Disseny antic (elements relacionats):

Disseny nou (elements relacionats):

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Ara els elements relacionats tenen vores, s’utilitza la classe FW_BorderComplet.

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats del full d’estils FW_estils.css.

� S’han creat les classes FW_BorderComplet, FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

Page 48: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

48

2.5.1.13 fw_fp_detall_article_ancores

• Modificacions funcionals:

1. Canvia la pastilla dels destacats de la dreta.

� La barra té una alçada de 20 píxels.

� El degradat va del #7F7F7F al #5D5D5D.

2. Canvia el pic (bullet).

3. Canvia la presentació dels elements relacionats de l’article i dels blocs.

� S’elimina el fons ratllat.

� Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic (destacats de la dreta): Disseny nou (destacats de la dreta):

Page 49: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

49

Disseny antic (elements relacionats):

Disseny nou (elements relacionats):

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

� Ara els elements relacionats tenen vores, s’utilitza la classe FW_BorderComplet.

Page 50: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

50

2. Fulls d’estils genèrics.

� S’ha modificat la classe FW_fDestacats del full d’estils FW_estils.css.

� S’han creat les classes FW_BorderComplet, FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.5.2 Notícies

2.5.2.1 fw_fp_detall_noticia

• Modificacions funcionals:

1. S’elimina el fons ratllat.

2. Es col·loquen vores a la capa.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 51: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

51

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

2.5.3 Perfil del contractant

2.5.3.1 fw_fp_detall_contractacio

• Modificacions funcionals:

1. Canvien les vores dels destacats de la dreta.

� La línia és d’1 px i de color #8D8D8D.

2. Canvia la presentació dels blocs "Licitacions" i "Adjudicacions".

� Canvien els pics (bullets).

� S’elimina el fons ratllat de la pastilla i se substitueix per una línia la part superior del títol.

• La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Page 52: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

52

Disseny antic:

Disseny nou:

Page 53: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

53

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sCaixaDocBorderTop, FW_sCaixaDocBorderLeft, FW_sCaixaDocBorderRight i FW_sCaixaDocBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� Es van canviar les crides a les classes FW_spblocFonsRallatGris i FW_spfonsRallatGris per les noves classes FW_titolImatge i FW_fonsTitolImatge, respectivament.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

� S’han creat les classes FW_titolImatge, “FW_fonsTitolImatge h4”, “FW_fonsTitolImatge2 h4”, “FW_fonsTitolImatge h4 a, .FW_fonsTitolImatge2 h4 a” i “FW_fonsTitolImatge h4 a:hover, .FW_fonsTitolImatge2 h4 a:hover” del full d’estils FW_estils.css.

Page 54: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

54

2.6 Pàgines distribuïdores i llistes de continguts

2.6.1 Llista de canals

2.6.1.1 fw_fp_distribuidora_1_columna

• Modificacions funcionals:

1. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic:

Disseny nou:

2.6.1.2 fw_fp_distribuidora_1_columna_fons_gris

• Modificacions funcionals:

1. Canvia el pic (bullet).

2. S’elimina el fons ratllat de la pastilla i se substitueix per una línia la part superior del títol.

� La línia és d’1 px i de color #8D8D8D

Page 55: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

55

• Imatges del disseny:

Disseny antic:

Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes FW_spblocFonsRallatGris i FW_spfonsRallatGris per les noves classes FW_titolImatge i FW_fonsTitolImatge, respectivament.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_titolImatge, “FW_fonsTitolImatge h4”, “FW_fonsTitolImatge2 h4”, “FW_fonsTitolImatge h4 a, .FW_fonsTitolImatge2 h4 a” i “FW_fonsTitolImatge h4 a:hover, .FW_fonsTitolImatge2 h4 a:hover” del full d’estils FW_estils.css.

Page 56: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

56

2.6.1.3 fw_fp_distribuidora_1_nivell_2_columnes_imatge

• Modificacions funcionals:

1. Canvia el pic (bullet).

2. Es pinta una línia a la part superior del títol dels canals pares.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 57: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

57

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha afegit la crida a la classe FW_spblocFonsLineaGris.

2. Fulls d’estils genèrics.

� S’ha creat la classe FW_spblocFonsLineaGris del full d’estils FW_estils.css.

2.6.1.4 fw_fp_distribuidora_2_columnes

• Modificacions funcionals:

1. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 58: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

58

2.6.1.5 fw_fp_distribuidora_2_columnes_fons_gris

• Modificacions funcionals:

1. S’elimina el fons ratllat de la pastilla i se substitueix per una línia la part superior del títol.

� La línia és d’1 px i de color #8D8D8D

2. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 59: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

59

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes FW_spblocFonsRallatGris i FW_spfonsRallatGris per les noves classes FW_titolImatge i FW_fonsTitolImatge, respectivament.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_titolImatge, “FW_fonsTitolImatge h4”, “FW_fonsTitolImatge2 h4”, “FW_fonsTitolImatge h4 a, .FW_fonsTitolImatge2 h4 a” i “FW_fonsTitolImatge h4 a:hover, .FW_fonsTitolImatge2 h4 a:hover” del full d’estils FW_estils.css.

2.6.1.6 fw_fp_distribuidora_2_columnes_imatge_allargada

• Modificacions funcionals:

1. Canvia el pic (bullet).

2. Es pinta una línia a la part superior del títol dels canals pares.

� La línia és d’1 px i de color #8D8D8D.

• Imatges del disseny:

Disseny antic:

Page 60: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

60

Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� S’ha afegit la crida a la classe FW_spblocFonsLineaGris.

2. Fulls d’estils genèrics.

� S’ha creat la classe FW_spblocFonsLineaGris del full d’estils FW_estils.css.

2.6.2 Llista de continguts

2.6.2.1 fw_fp_llista_contingut_2_amb_separador

• Modificacions funcionals:

1. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic:

Page 61: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

61

Disseny nou:

2.6.2.2 fw_fp_llista_contingut_nomes_titol_amb_paginacio

• Modificacions funcionals:

1. Canvia el pic (bullet).

• Imatges del disseny:

Disseny antic:

Disseny nou:

Page 62: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

62

2.6.2.3 fw_fp_navegacio_horitzontal

• Modificacions funcionals:

1. S’elimina el fons ratllat i se substitueix per una línia superior i una línia inferior.

� La línia és d’1 px i de color #8D8D8D.

2. Canvien els pics (bullets).

• Imatges del disseny:

Disseny antic:

Disseny nou:

• Detalls tècnics:

1. Formes de presentació genèriques.

� Es van canviar les crides a les classes per pintar les vores. Abans es feien servir les classes FW_sBorderTop, FW_sBorderLeft, FW_sBorderRight i FW_sBorderBottom, i, ara, s’utilitzen les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom, respectivament.

� S’ha eliminat la crida a la classe FW_sFonsRallat que pintava el fons ratllat.

2. Fulls d’estils genèrics.

� S’han creat les classes FW_BorderContTop, FW_BorderContLeft, FW_BorderContRight i FW_BorderContBottom del full d’estils FW_estils.css.

Page 63: Canvis de disseny en els webs de la Generalitat de Catalunya · el nou disseny gràfic dels portals GECO. A cada apartat podrem aconseguir la forma de presentació afectada, els canvis

Via Laietana, 14 08003 Barcelona Tel. 93 567 63 30 Fax 93 567 63 31 www.gencat.cat

63

2.7 Títol de pàgina web

2.7.1 fw_fp_titol

• Modificacions funcionals:

1. S’elimina la fletxa.

• Imatges del disseny:

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’ha modificat la classe h2 del full d’estils FW_estils.css.

2.7.2 fw_fp_titol_site

• Modificacions funcionals:

1. S’elimina la fletxa.

• Imatges del disseny:

Disseny antic: Disseny nou:

• Detalls tècnics:

1. Fulls d’estils genèrics.

� S’ha modificat la classe h2 del full d’estils FW_estils.css.