2.2

PrintShop Web Skinning Guide | 18

Style.php

The style files hold the styling parameters for your skin. It defines the fonts,colors, borders,

backgrounds, width and height specifications of the user interface elements. The styles that come with

PSW are organized using the following structure:

•

Global styles (generic)

•

Page specific styles (exceptions)

•

Browser exceptions

The contents of skin folder

Tags, IDs and classes

Each element on the page is rendered using standard HTML tags or by using <div> and <span> tags

that have a unique identifier and/or a class.

IDs are used when there is only one occurrence on a page, classes are used when there are one or

more occurrences on a page. CSS IDs are similar to classes in that they define a special case for an

element. In other words, they assign an identifier. Standards specify that any given id name can only

be defined once within a page or document.

You can reveal ID and class information by viewing the source of the web page or by using additional

web developer browser extensions. Your style files will need to refer to these elements to set their

formatting.

<span class="formLabel formLabelGroupHead" id="cAdditionalInformationLabel">Additional

information</span>

<span class="formStatic" id="cAdditionalInformationField"

name="cAdditionalInformation"></span>

</div>