2.2

PrintShop Web Skinning Guide | 27
Below you'll the menu items in the Style.php file. The following CSS code is used to show a horizontal
menu bar. By removing the display: inline attribute of the <li> tag the orientation is changed from
horizontal to vertical.
/* menu */
#menu {
background-color: #FFFFFF;
border-width: 0 1px 1px 1px;
border-color: #666666;
border-style: solid;
padding: 0 1px 1px 1px;
width: 100%;
}
#menu div {
background-color: <? generateSkinContrastColor(); ?>;
padding: 1px;
color: #000000;
}
#menu ul {
list-style: none;
margin: 0;
display: inline;
}
#menu li {
display: inline;
line-height: 2em;
margin: 0;
}
#menu .selected a {
background-color: <? generateSkinContrastColorHighLight(1.1); ?>;
}
#menu li a {
text-decoration: none;
padding: 5px 5px;
}
#menu li a:hover {
background-color: <? generateSkinContrastColorHighLight(0.8); ?>;
}