Tramite il pannello "Anteprima CSS" e' possibile provare delle modifiche al CSS base: in questo modo è possibile effettuare tutti i test necessari prima di rendere effettive sul sito le modifiche fatte al CSS.

Prima di tutto è necessario attivare la funzione "Cattura elementi" selezionando il checkbox nella colonna sinistra del pannello.

Una volta fatto questo l'anteprima del template sara' ricettiva ad ogni click e sara' sufficiente cliccare sull'elemento del sito desiderato per averlo gia' compilato correttamente (tramite il selettore ID o classe CSS) nel riquadro "Regole CSS aggiuntive".

 

 

L'esempio soprariportato mostra come selezionare il menu delle aree.

Se ad esempio volessimo modificare il colore di sfondo in grigio dovremmo aggiungere la regola:

background:#999999

all'interno delle parentesi graffe del codice CSS precompilato tramite la funzione "Cattura elementi".

Per vedere il risultato finale e' sufficiente premere sul tasto ANTEPRIMA (N.B. in questa fase le modifiche sono visibili solo sul pannello, gli utenti che navigano sul sito NON vedono queste modifiche)

 

 

Per rendere permanenti le modifiche (e renderle visibili agli utenti che navigano sul sito) occorre copiare il codice CSS generato all'interno dell'opzione "Regole CSS aggiuntive" del template, ed andra' chiaramente effettuata una sincronizzazione completa.

 

 

 

Vediamo un altro esempio: supponiamo di voler inserire uno sfondo per il sito diversificato per area.

Dovremo fare le stesse operazioni spiegate sopra ma questa volta selezionando il corpo del sito:

 

 

Anche in questo caso va inserito del codice CSS per specificare il tipo di background da impostare (nell'esempio abbiamo deciso di inserire una immagine)

 

 

Volendo e' possibile inserire regole diverse (e quindi sfondi diversi) per ogni area web, inserendo regole CSS diverse per ogni area.

Ad esempio per l'area web 1 utilizziamo background.jpg

 

 

mentre per l'area web 2 utilizziamo un altro sfondo (background2.jpg)

 

 

 

Il risultato dopo la sincronizzazione sara' di avere uno sfondo del sito che cambia al variare dell'area:

 

 

Sull'area web 2