Changing the Appearance of WebWorks Reverb
Most customizations to WebWorks Reverb rely upon changing one of three file types:
*Page Templates - Found in the Pages folder and have the extension .asp. Users may create overrides for these files in their project to change overall layouts
*skin.css - Found in the Pages\css folder. Users may change the color, icons, and other layout specific behaviors of the skin with this file. The skin settings also include the layout behaviors of breadcrums and the company information that appears above the toolbar. Changes to this file, will not have an affect on the content pages.
*webworks.css - Found in the Pages\css folder. This file is very similar to the skin.css file except that it only controls the layout behaviors of the content pages. This includes the mini-TOC and Related Topic styling behaviors.
*skin.png - Found in the Pages\images folder. This file works as a CSS sprite file, which means that it contains multiple images. Users can quickly modify colors within this file to meet branding requirements.
In the Pages folder there are sample files that can be used to preview customizations to the skin.css, webworks.css, and skin.png files. After making changes to any of these files, load the Skin.html file directly into a browser and view all aspects of the Reverb skin.
For easy reference, here are a list of page template files and their corresponding output files:
 
Page Template
Use
Connect.asp
Entry point to the Reverb run-time. This file controls the placement of the toolbar buttons, table of contents/index panels
Parcel.asp
Data file for each Reverb parcel (help set)
Index.asp
Data file for each Reverb parcel’s Index information
Splash.asp
Defines the layout and appearance of the Reverb splash page
Page.asp
Defines the layout and appearance of generated pages
Search.asp
Search integration page
Finally, WebWorks Reverb makes use of CSS classes to identify elements which should perform special actions. These elements may occur in the entry page (default to index.html) or in generated pages.
 
CSS Class
Related Action
ww_behavior_toc
Displays merged TOC
ww_behavior_index
Displays all defined Indexes
ww_behavior_search
Displays search system
ww_behavior_globe
Enables/disables Google Translate
ww_behavior_home
Navigates to the first page in the browse sequence
ww_behavior_prev
Navigates to the previous page in the browse sequence
ww_behavior_next
Navigates to the next page in the browse sequence
ww_behavior_print
Prints the current page
ww_behavior_email
Emails feedback on the current page URL
ww_behavior_pdf
Display related PDF for the current page