Personalizzare l'interfaccia grafica creando nuovi temi
IGSuite mette a disposizione dell'utente diversi temi o skin per l'interfaccia grafica (deepblue, virgilio, dark etc) ed offre grazie alla sua modularità la possibilità di crearne di nuovi in modo semplice e veloce. Hai creato un nuovo tema?
invialo a staff@igsuite.org I temi si trovano all'interno della directory 'tema' (Es. /tuopath/cgi-bin/tema/) e sono composti da file (un file per ogni tema) con nome uguale a quello del tema piu' il suffisso '_tema'. Di seguito è riportato a titolo d'esempio il contenuto del tema "deepblue" (il tema di default in IGSuite) che si puo' trovare nel file 'deepblue_tema'.
$tema = 'deepblue_';
%clr = (
font => '#3B3B3B', ## Text Color
font_link => '#075686', ## Link Color
font_button => '#075686', ## Button Color
font_menu => '#D6DFF7', ## Menu Text color
font_menu_title=> '#FFFFFF', ## Menu Title Color
font_low_evidence=>'#999999', ## Text Color in low evidence
bg => '#D6DFF7', ## Main Background Color
bg_menu => '#075685', ## Menu Background Color
bg_menu_title => '#075685', ## Menu Title Background Color
bg_menu_item => '#075685', ## Menu Item Background Color
font_barra => '#FFFFFF', ## Task Bar Color
bg_barra => '#075685', ## Task Bar Background Color
line_task => '#BCBCBC', ## Task Border Color
bg_link => '#DDDDDD', ## Task List Link Background Color
bg_list => '#F0F0F0', ## Task List Background Color
bg_task => '#FFFFFF', ## Task Content Background Color
bg_menu_task => '#5a91e1', ## Task List Head Bacground Color
bg_evidence => '#FFFF69', ## Evidence Background High Color
bg_low_evidence=> '#FFFF8C', ## Evidence Background Low Color
bg_button => '#FFFFFF', ## Form Button Background Color
);
$imgbgbarra = 'yes'; ## Enable Background Image in Task Bar
Apparte i valori identificati all'interno dell'hash '$clr' che chiaramente si riferiscono ai colori RGB dei vari elementi di IGSuite andiamo ad analizzare le altre voci:
- $tema = 'deepblue_';
- Tramite '$tema' impostiamo il prefisso che avranno tutte le immagini utilizzate dal tema e situate all'interno della directory delle immagini (solitamente $htdocs_dir/images). Per convenzione useremo sempre lo stesso nome del tema piu' il carattere '_' underscore.
- $imgbgbarra = 'yes';
- Le barre dei task di IGSuite hanno nella maggior parte dei casi un'immagine di sfondo che ne abbellisce il contenuto. Il nome del file che fungerà da background nel caso venga abilitata l'opzione sarà in questo caso 'deepblue_bgbarra.gif'.
Ecco i file delle immagini che occorrerà creare appositamente per ogni nuovo tema:
|
deepblue_acroread.gif
|
deepblue_help.gif
|
deepblue_search.gif
|
|
deepblue_attach.gif
|
deepblue_history.gif
|
deepblue_sinistra.gif
|
|
deepblue_bgbarra.gif
|
deepblue_left.gif
|
deepblue_stampa.gif
|
|
deepblue_destra.gif
|
deepblue_palla.gif
|
deepblue_su.gif
|
|
deepblue_edit.gif
|
deepblue_property.gif
|
deepblue_giu.gif
|
|
deepblue_right.gif
|
_
|
_
|
N.B. Si consiglia inizialmente di copiare le immagini da un tema esistente e solo successivamente una volta definiti i colori creare nuove immagini
|
