2.2

PrintShop Web Skinning Guide | 42
generateSkinContrastColorHighLight
The generateSkinContrastColorHighLight function retrieves the skins contrast color set in the Edit Web
Design page. A parameter can be supplied to change the tint of the color. Fractional values are used,
where 0.0 will be black, 1.0 the original color and higher values will result in a lighter tint of this color.
Below an example on how this color can be set using this function. In this case the background color of
the selected menu item will have a lighter color:
#menu .selected a {
background-color: <? generateSkinContrastColorHighLight(1.1); ?>;
}
generateSkinHeaderColor
The generateSkinHeaderColor function retrieves the header color information set in the Edit Web
Design page of the PSW site. The value entered in the Edit Web Design page can be entered manually
or selected in the color picker. Typically this color will match the background color of the company logo.
This color can be used to set the background so the logo or background image nicely blends in wich
the overall design.
Below an example on how this color can be set using this function:
#header {
height: 90px;
background-image: url(<? generateSkinLogo(); ?>);
background-position: center left;
background-repeat: no-repeat;
background-color: <? generateSkinHeaderColor();?>;
width: 100%;
}
generateSkinHeaderColorHighLight
The generateSkinHeaderColorHighLight function retrieves the skins header color set in the Edit Web
Design page. A parameter llows the tint of the color to be changed. Fractional values are used, where
0.0 will be black, 1.0 the original color and higher values will result in a lighter tint of this color.
Below an example on how this color can be set using this function:
#tableOverview td {
padding: 2px;
border-width: 0 0 1px 0;
border-color: background-color: <? generateSkinHeaderColorHighLight(1.1); ?>;
border-style: solid;
}