2.2

PrintShop Web Skinning Guide | 26

Menu bar

The Menu bar provides access to the main sections of PSW. Like the User Info bar the items of the

Menu bar are created using HTML lists, which means that you can change its orientation by altering

the CSS file.

In the default skin the Menu bar is placed directly beneath the User Info bar

Styling the menu items

The Menu bar is generated using HTML lists, within the list items hyperlinks (<a> tags) are used to

define the target when the user clicks the item. The code snippet below shows a HTML code generated

for a menu bar.

<div>

<ul>

</li>

<li>

<a href="site.php?pageid=storefront_overview&page=1&init=true">New document</a>

</li>

<li>

<a href="site.php?pageid=ordermanager_overview&page=1&init=true">Order Manager</a>

</li>

<li>

<a href="site.php?pageid=company_overview&page=1&init=true">Companies</a>

</li>

</ul>

</div>