Customizing Web Pages

There are three ways to customize the web pages that you create with WebPics.

Use the HTML quoting features to embedded additional HTML code in your pages. See here for complete details. Also see here for a FAQ item that uses HTML quoting.
Use the Advanced Fields settings to include blocks of additional HTML code into the your pages. See here for complete details.
Modify the generated cascading style sheet file that WebPics uses to specify all of the text formatting options in the web pages. See the table below for details.

Cascading Style Sheet Tags

The following table lists the styles from the 'styles.css' cascading style sheet file that is generated by WebPics. You can modify this file to change the text styles and formatting for all of the gallery and individual picture pages.

h1.title, h2.title, etc.	Header tags with class="title" are used for the title on gallery pages and, if you have display of file names turned on, on each individual picture page.
p.desc	Paragraph tags with class="desc" are used for the page descriptions at the top and bottom of the gallery pages.
p.caption	Paragraph tags with class="caption" are used for the picture caption text on the individual picture pages.
p.nav	Paragraph tags with class="nav" are used for the previous/return to gallery/next photo links on individual picture pages and the previous/next/page number links when there are multiple gallery pages.
td.caption	Table data tags with class="caption" are used for the picture captions on gallery pages.
a	Anchor (link) tags on all pages. The text attributes for anchor tags are set to be the same as captions. This also sets up the anchor text color.
a:active	Active anchor (link) tags on all pages. To be honest, I am not sure what an 'active' anchor is.
a:visited	Visited anchor (link) tags on all pages. This sets up the anchor text color for visited links.
a:hover	Visited anchor (link) tags on all pages. This sets up the anchor text color for links as the mouse move over top of them. Sometimes this is referred to as 'roll-over'.
body	The body tag style is used to setup the back ground color and back ground image (if one is used).

Changing any of the above style sheet entries will change the display of the gallery and individual picture pages. You are free to add more style entries to use with additional text or other elements that you add to your pages.

For more information about cascading style sheets see the list of references on the W3C site.