=== 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?
staff@igsuite.org
I temi si trovano all'interno della directory /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) $tema = 'deepblue_'; $clrfont = '#3B3B3B'; ## Text Color $clrfontlink = '#075686'; ## Link Color $clrfontbutton = '#075686'; ## Button Color $clrfontmenu = '#D6DFF7'; ## Menu Text color $clrfontmenutitle = '#FFFFFF'; ## Menu Title Color $clrbg = '#D6DFF7'; ## Main Background Color $clrbgmenu = '#075685'; ## Menu Background Color $clrbgmenutitle = '#075685'; ## Menu Title Background Color $clrbgmenuitem = '#075685'; ## Menu Item Background Color $clrfontbarra = '#FFFFFF'; ## Task Bar Color $clrbgbarra = '#075685'; ## Task Bar Background Color $clrlinetask = '#BCBCBC'; ## Task Border Color $clrbglink = '#DDDDDD'; ## Task List Link Background Color $clrbglist = '#ededed'; ## Task List Background Color $clrbgtask = '#FFFFFF'; ## Task Content Background $clrbgmenutask = '#5a91e1'; ## Task List Head Bacground Color $clrbgevidence = '#FFFF99'; ## Evidence Background High Color $clrbglowevidence = '#fffac9'; ## Evidence Background Low Color $clrbgbutton = '#FFFFFF'; ## Form Button Background Color $imgbgbarra = 'yes'; ## Enable Background Image in Task Bar $border_task = 1; ## Task Border Width Apparte i valori identificati dalle variabili che iniziano con '$clr...' che chiaramente si riferiscono ai colori 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'. ; $border_task = 1; : Definisce semplicemente lo spessore dei contorni dei task Ecco i file delle immagini che occorrerà creare appositamente per ogni nuovo tema: {| border=1 cellspacing=0 cellpadding=5 || 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'''