FOGLI DI STILE - CSS

I fogli di stile CSS permettono di separare i contenuti dalla formattazione per rendere indipendente la visualizzazione delle pagine dal tipo di tema grafico scelto. In particolare con il Tema Grafico Ocean sono disponibili specifici CSS da utilizzare all'interno delle pagine Simple# per rendere fruibile il testo sia con i temi base che con le varianti del Tema Ocean. Questo permette l'uso e il porting delle personalizzazioni fatte in Simple#  sia tra temi grafici differenti che tra CRM.

 

USO dei CSS

 

L'uso dei CSS prevede che i testi e gli oggetti nella pagina siano all'interno di celle di una tabella. La corrispondenza tra i CSS e i colori del tema è indicate nella figura.

 

CSS di tabella

 

Il CSS di tabella SimpleSharp_Background (3) permette di scegliere come immagine di sfondo quella impostata per la variante Tema Grafico Ocean o, nel caso si usi un tema base, uno sfondo bianco.

 

Se il CSS non viene impostato si avrà:

• lo sfondo di base per il tema impostato per l'home page (immagine Ocean o bianco).

• lo sfondo bianco in tutte le altre pagine realizzate in Simple# (Pagine Personalizzate, Sintesi CRM, Desktop Operativi, Step Info Multimedia, Configuratore Commerciale Articoli).

 

CSS di cella

 

Vi sono due gruppi di CSS:

• box con testo (1): box con sfondo e testo in uno dei 4 tipi colori.

• Solo testo (2): testo senza sfondo in uno dei 4 colori. La leggibilità è funzione dello sfondo.

Gli altri attributi al testo, quali: Font Family/Size, dimensione, grassetto …, sono impostabili a piacere.

 

Il CSS disponibili per le celle sono (si veda esempi nell'immagine precedente):

• SimpleSharp_Box_ColorBase: testo in Grigio e sfondo bianco

• SimpleSharp_Box_Color1: secondo tema Ocean o tema Base

• SimpleSharp_Box_Color2: secondo tema Ocean o tema Base

• SimpleSharp_Box_Color3: secondo tema Ocean o tema Base

• SimpleSharp_Font_ColorBase: testo grigio senza box di sfondo

• SimpleSharp_Font_Color1: secondo tema Ocean o tema Base ma senza box di sfondo

• SimpleSharp_Font_Color2: secondo tema Ocean o tema Base ma senza box di sfondo

• SimpleSharp_Font_Color3: secondo tema Ocean o tema Base ma senza box di sfondo

 

E' consigliato l'uso dei CSS tipo Box in quanto avendo uno sfondo basato sul tema assicurano una maggior leggibilità anche in presenza di sfondo a livello di pagina.

 

L'uso degli su elencati CSS in ambito Temi Base produrranno un testo del colore associato al Tema Base (nero, verde, blu, ...) su sfondo bianco.

 

Se il CSS di cella non viene impostato si avrà il testo nel colore base del CRM (grigio su fondo bianco) o quello impostato per la singola pagina.

 

Per maggiori informazioni sui Temi Grafici si veda GESTIONE TEMA GRAFICO OCEAN