Personalizzare l'interfaccia grafica creando nuovi temi (Documento scaduto)

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:

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