IGWiki Main Page

IGSuite Howto

Documenti correlati
   

Ricerca pagine

SourceForge Logo

IGSuitePersonalizzare l'interfaccia grafica creando nuovi temi (Documento scaduto)
  Modifica PaginaStorico paginaProprietàGet PdfVisualizza il documento in formato stampabile.Posso Aiutarti

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


Nome: creare nuovi temi - Revisione: 2 - Autore: Ortolani Luca (28.02.2006) - Modificata da: Ortolani Luca (04.04.2007) - Categoria: HowTo - Scadenza: 31.12.2009 - Permessi di visualizzazione: Tutti indistintamente - Permessi di modifica: Condiviso con tutti gli utenti - Approvata da: Ortolani Luca - Copyright © Ortolani Luca All right reserved