Utilizzo di un CSS personalizzato

Con le nuove versioni del template (a partire da Ready Pro 10.1.13 in avanti) e' possibile utilizzare un proprio CSS personalizzato in alternativa al CSS fornito di default.

In questo caso pero' occorre tenere presente che SE SI UTILIZZA UNA SKIN PERSONALIZZATA, AD OGNI AGGIORNAMENTO DEL TEMPLATE CI SI DEVE PREOCCUPARE DI VERIFICARE IL CORRETTO FUNZIONAMENTO DEL PROPRIO CSS E DI MODIFICARLO PER ADATTARLO AD EVENTUALI MODIFICHE PRESENTI NELLA NUOVA VERSIONE

PURTROPPO NON E' TECNICAMENTE POSSIBILE GARANTIRE CHE UN CSS PERSONALIZZATO (OVVERO MODIFICATO MANUALMENTE DALL'UTENTE) CONTINUI A FUNZIONARE NEL TEMPO SENZA DOVERLO MODIFICARE ULTERIORMENTE

N.B. La seguente sezione del manuale richiede conoscenze tecniche avanzate ed e' dedicata agli utenti che sanno cos'e' un CSS e come si modifica e come si accede tramite FTP al proprio web server

Per utilizzare un CSS personalizzato va innanzitutto duplicata la cartella di un CSS preesistente, localizzato nella cartella ReadySkins del sito

L'operazione va fatta direttamente sul web server, quindi e' consigliabile utilizzare un programma FTP client semplificato come CuteFTP, WSFTP, Filezilla, ecc.

template_standard_css_personalizzato

Di base sono presenti 4 cartelle con i CSS predefiniti (blu, green, orange, red)

Duplichiamo ad esempio la cartella "blu" e creiamo una cartella che chiameremo ad esempio "skinPersonalizzata"

Consigliamo di utilizzare dei nomi composti e non nomi di colori semplici (come ad esempio "giallo" o "yellow") perche' se in futuro venissero sviluppate nuove skin sul template standard si rischierebbe che queste sovrascrivano un eventuale CSS personalizzato creato dall'utente

template_standard_css_personalizzato3

Poi e' necessario indicare al template qual'e' la skin da utilizzare. Questo va fatto modificando i contenuti del sito con le opzioni evidenziate in figura

template_standard_css_personalizzato2

Ovviamente pubblicando il sito in questo modo il template sara' identico al template "blu" standard (perche' ancora non abbiamo modificato il CSS che abbiamo duplicato)

template_standard_css_personalizzato5

Per dare un'idea del funzionamento proviamo a modificare il colore di sfondo del CSS.

Apriamo il file "skinPersonalizzata/css/screen.css" con un editor e modifichiamo la parte relativa al colore di background, eliminando l'immagine usata come trama di sfondo

template_standard_css_personalizzato4

inseriamo ad esempio un #444 che corrisponde ad un grigio molto scuro

template_standard_css_personalizzato6

il risultato dovrebbe essere simile al seguente

template_standard_css_personalizzato7