2.1

PrintShop Web Skinning Guide | 3
Table of Contents
Introduction................................................................................................................................................. 5
Skinning....................................................................................................................................................... 5
Templates and styles.................................................................................................................................. 6
Getting started........................................................................................................................................... 7
Creating your own skin............................................................................................................................... 7
Tools............................................................................................................................................................ 7
File organization..................................................................................................................................... 10
Template.php............................................................................................................................................. 10
Style.php.................................................................................................................................................... 10
Images....................................................................................................................................................... 10
Web design parameters............................................................................................................................ 11
The template file..................................................................................................................................... 12
Function blocks..........................................................................................................................................12
Page title....................................................................................................................................................14
CSS includes............................................................................................................................................. 14
Header....................................................................................................................................................... 14
User information........................................................................................................................................ 14
Menu.......................................................................................................................................................... 15
Crumbs.......................................................................................................................................................15
Messages...................................................................................................................................................15
Content.......................................................................................................................................................15
Sub menus.................................................................................................................................................16
Search........................................................................................................................................................16
Summary....................................................................................................................................................16
Preview...................................................................................................................................................... 16
Footer.........................................................................................................................................................16
Style.php.....................................................................................................................................................17
Tags, IDs and classes...............................................................................................................................17
CSS Syntax............................................................................................................................................... 18
Global styles.............................................................................................................................................. 19
Page specific styles...................................................................................................................................19
Browser exceptions................................................................................................................................... 20
Header..........................................................................................................................................................22
Replacing content......................................................................................................................................22
User information..................................................................................................................................... 23
CSS Lists...................................................................................................................................................23
Adding additional information.................................................................................................................... 24
Highlighting "hovered" items......................................................................................................................24
Menu bar.....................................................................................................................................................25
Styling the menu items..............................................................................................................................25
Creating a Tabbed menu.......................................................................................................................... 27
Styling the selected menu item.................................................................................................................27
Background............................................................................................................................................... 28
Adding a background image..................................................................................................................... 28