2.2

PrintShop Web Skinning Guide | 37
Sub menus
Several sections have one or multiple sub menus. Sub menus are used to navigate to sub sections of
that specific section. Sub menus have their own classes and styles.
The sub menu of the Settings section
Like the Main menu and the User Info block the sub menus are created using HTML lists (<ul> tag and
<li> tags). The following code snippet shows source code of a sub menu (Settings section):
<div id="submenu">
<div class="content" id="cSettingsSubmenuID">
<div class="formHeader">Settings menu</div>
<span class="submenu">
<ul>
<li class="level0 selected">
<a href="site.php?pageid=setting_overview"><span class="label">About</span></a>
</li>
<li class="level0">
<a href="site.php?pageid=setting_currency&init=true"><span
class="label">Currencies</span></a>
</li>
<li class="level0">
<a href="site.php?pageid=setting_email"><span class="label">E-mail</span></a>
</li>
<li class=" level1">
<a href="site.php?pageid=setting_email_addressees_overview"><span
class="label">Addressees</span></a>
</li>
<li class=" level1">
<a href="site.php?pageid=setting_email_message_overview"><span
class="label">Messages</span></a>
</li>
</ul>
</span>
</div>
</div>