7.1
Table Of Contents
- Table of Content
- Overview
- Understanding PrintShop Mail Web
- Getting Started
- The PrintShop Mail Web Interface
- Publishing Workflow
- Ordering Workflow
- New Document
- Order Manager
- Checkout
- Companies
- Users
- Publication Types
- Collections
- Settings
- About
- License
- Roles
- Languages
- Web Design
- Maintenance
- Settings
- Currencies
- Tax Rates
- Shipping Rates
- Calendar
- Production Settings
- User Input Field Defaults
- Output Folders
- Job options
- Printers
- E-mail Settings
- E-mail Addressees
- Managing E-mail Templates
- Modules Settings
- Enabling a MIS connector
- Installed modules
- Properties
- Enabling a Print Production connector
- Installed modules
- Properties
- Requirements
- Configuring the module
- The PayPal Sandbox
- Processing orders
- Requirements
- Configuring the Authorize.net module
- Test mode
- AVS and CCV checks
- Payment page
- Requirements
- Requesting a test account
- Configuring the iDEAL test dashboard
- Configuring the iDeal module
- Requirements
- Configuring the Moneris module
- Test mode
- Requesting a live account
- AVS and CVD checks
- Payment page
- Add a new Module
- Configure a module
- Delete a Module
- XML (eXtensible Markup Language)
- Options
- Sample POST receive script
- Interaction With PrintShop Mail Design
- Introduction to Regular Expressions
- Introduction
- Skinning Guide
- Getting started
- Creating your own skin
- The template file
- HMTL Outline
- Styling
- Key Concepts
- Style organization
- Header
- User information
- Menu bar
- Background
- Overview tables
- Edit forms
- Sub menus
- Special variables
- Variables for template files
- Variables for style files
- Creating page exceptions
- Creating a page specific template file
- Modifying a page specific template file
- DOM manipulation using jQuery
- Launching code on Document Ready
- Populating fields with computed values
- Removing elements from the DOM
- Adding information to the DOM
- Customizing the store front
- Storefront class
- Creating a hierarchical tree
- Adding a live search option
- Copyright Information
- Index
#menu li {
display: inline;
border-width: 1px 1px 0 1px;
border-color: #666666;
border-style: solid;
padding: 5px; l
line-height: 2em;
margin-right: 3px;
margin-left: 0;
background-image: url("images/btn-bg.gif");
background-repeat: repeat-x;
}
Styling the selected menu item
PrintShop Mail Web will add an additional class to the selected menu item. This allows the style for the selected menu item to
change to make it stand out. The color, font-weight, background color or background image can be used to create various
effects.
#menu li.selected a {
color: black;
}
The following code snippet shows how both the font color and background color of the selected item can be changed.
#menu li.selected a {
color: black;
background-color: <? generateSkinContrastColorHighLight(1.1); ?>;
}
Background
The <body> tag has two attributes to specify backgrounds. The background can be a color and/or an image. These attributes
can be added directly in the Template.php file (bgcolor and background) or to the Style.php file.
Adding a background image
Background-images can be used in most HTML elements - not just for the whole page (body) and can be used for simple but
effective results, such as rounded corners. Example:
body {
background-image: url("images/main-bg.gif");
}
Overview tables
Overview pages show tabular data (for example the Companies, Users and Publication Types pages). An overview table is
build using the table tag and follows the regular HTML <table> tag structure.
©2010 Objectif Lune Inc - 232 -