Create a new theme folder for the custom theme font-weight:normal; font-style:normal;
}
5. Save theme.css and exit from the text editor.
Change colors in the image files to match the custom theme
Optionally, you can change colors in image files that are used in the interface so they match the custom theme colors that you set in theme.css. This customization step can take a signficant amount of time because you open and edit several image files, and you need to use a graphic artist to perform some of the steps.
Requirements
You need a graphics editing tool to work with the image files; for example,
Adobe® Fireworks or Adobe Photoshop®; Adobe Fireworks is recommended.
To correctly display application pages in all browsers, export most of the image files as 8-bit, PNG files with alpha transparency. Export the tab image files as 24bit PNG files to ensure that they appear correctly against the header background.
The table in
step 4 in
“Procedure” on page 187 specifies how to save each file.
Procedure
1. On the web server system where you are creating the custom theme, go to the
install_directory\1\applications\wpk\themes\custom_
theme\icons
folder, where custom_theme is the name of the folder for the theme that you are developing.
2. Send one of these zip files to a graphic artist. The file that you send depends on the graphics editing tool that you are using:
– Fireworks—SourceFiles_PNGformat.zip
– Photoshop—SourceFiles_PSDformat.zip
3. Make sure the graphic artist is working outside of the custom theme folder.
Instruct the graphic artist to unzip SourceFiles_PNGformat.zip or
SourceFiles_PSDformat.zip
.
Enterprise eTIME System Administrator’s Guide 187
Chapter 6 Create a Custom Theme
4. The graphic artist must change the default color values to the RGB values in
“Select colors for the theme” on page 178 in each of these image files and
save the files in the format specified:
Color group Image file in \themes\custom\icons
1
2
3
No images to change.
No images to change.
\suitenav\hide-top-navigation-hover
\suitenav\show-top-navigation-hover
Save as
8-bit, PNG with alpha transparency
188 ADP, Inc.
Create a new theme folder for the custom theme
Color group Image file in \themes\custom\icons
4
4
\actions\action-link-arrow
\actions\row-delete-hover
\actions\row-insert-hover
\actions\row-up-hover
\actions\row-down-hover
\actions\calendarpanel\next-month
\actions\calendarpanel\next-year
\actions\calendarpanel\previous-month
\actions\calendarpanel\previous-year
\actions\vcr\go-back
\actions\vcr\go-back-hover
\actions\vcr\go-forward
\actions\vcr\go-forward-hover
\actions\selectpanel\move-all-left
\actions\selectpanel\move-all-right
\actions\selectpanel\move-selected-left
\actions\selectpanel\move-selected-right
\actions\selectpanel\move-selected-down
\actions\selectpanel\move-selected-up
\button\button-background
\button\button-bottom-left-corner
\button\button-top-right-corner
\suitenav\button-go-full.gif
\suitenav\hide-top-navigation
\suitenav\show-top-navigation
\suitenav\submenu-on
\suitenav\tab-menu-left (tab stroke only)
\suitenav\tab-menu-right (tab stroke only)
\suitenav\tab-menu-left-selected
\suitenav\tab-menu-right-selected
Save as
8-bit PNG with alpha transparency
24-bit PNG
Enterprise eTIME System Administrator’s Guide 189
Chapter 6 Create a Custom Theme
Color group Image file in \themes\custom\icons
5
6
\actions\row-delete
\actions\row-down
\actions\row-insert
\actions\row-up
\button\button-top-right-corner-disabled
\actions\selectpanel\move-all-left-disabled
\actions\selectpanel\move-all-right-disabled
\actions\selectpanel\move-selected-left-disabled
\actions\selectpanel\move-selected-rightdisabled
\actions\selectpanel\move-selected-downdisabled
\actions\selectpanel\move-selected-up-disabled
\actions\vcr\go-back-disabled
\actions\vcr\go-forward-disabled
\suitenav\takemeto-dropdown-indicatordisabled
Save as
8-bit PNG with alpha transparency
8-bit PNG with alpha transparency
190 ADP, Inc.
Create a new theme folder for the custom theme
Color group Image file in \themes\custom\icons
7
7
8
\actions\panel\condense-horizontal
\actions\panel\condense-horizontal-box
\actions\panel\condense-vertical
\actions\panel\condense-vertical-box
\actions\panel\expand-horizontal
\actions\panel\expand-horizontal-box
\actions\panel\expand-vertical
\actions\panel\expand-vertical-box
\actions\vcr\vcr-first
\actions\vcr\vcr-first-hover
\actions\vcr\vcr-last
\actions\vcr\vcr-last-hover
\actions\vcr\vcr-next
\actions\vcr\vcr-next-hover
\actions\vcr\vcr-previous
\actions\vcr\vcr-previous-hover
\button\button-elipses-blue
\suitenav\submenu-off-selected
\suitenav\takemeto-dropdown-indicator
\trees\tree-nav-minus
\trees\tree-nav-minus-over
\trees\tree-nav-plus
\trees\tree-nav-plus-over
\suitenav\tab-menu-left.gif
\suitenav\tab-menu-right.gif
\suitenav\tab-menu-left
\suitenav\tab-menu-right
No images to change.
Save as
8-bit PNG with alpha transparency
24-bit PNG
Enterprise eTIME System Administrator’s Guide 191
