PERSONALIZZARE L'INTERFACCIA GRAFICA CREANDO NUOVI TEMI (DOCUMENTO SCADUTO) ------------------------------------------------------------------------------ 1. 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 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