This command reference lists the commands you can use to style an overLIB popup using custom classes through the CSSCLASS parameter. This capability was originally contained in the main overLIB routine but was moved to a separate module with the first introduction of a plug-in capability for overLIB. In this version set this capability has been moved back to the core module Layer Generation Functions (LGF) so that loading of a separate module is now no longer necessary. To make use of these commands given here, you just need to insert the following line in your HEAD section.

<SCRIPT TYPE="text/javascript" SRC="overlib.js"></SCRIPT>

These commands work similarly to those associated with the CSSW3C module and share some of the same features. However, it is our opinion, that the CSSW3C parameters afford more flexibility in controlling the look of an overLIB popup. Plus, the popup is much simpler, consisting of a single table rather than a nested table structure as used in a normal overLIB poup.

There are multiple ways to customize overLIB and using a long command line to invoke overLIB is NOT the recommended way of calling overLIB. The recommended approach is to define a default look for all popups that occur on this page using the overlib_pagedefaults routine in the core overLIB module and then change only those parameters which need to be changed for each particular call. Read the core module documentation for more information about other ways to customize overLIB.

Remember that commands are always in uppercase (case-sensitive) and can have none or up to two parameter values.

CSSCLASS

Turns on CSS class features. When used on the command line it sets o3_css to CSSCLASS.
Variable: ol_css

FGCLASS class

Class for the inside table of the popup box. A string value which gives the name of the custom class that should be used for styling. Serves the same function as fgcolor. Requires CSSCLASS.
Variable: ol_fgclass

BGCLASS class

Class for the outside table of the popup box. A string value which gives the name of the custom class that should be used for styling. Serves the same function as bgcolor. Requires CSSCLASS.
Variable: ol_bgclass

TEXTFONTCLASS class

Class for the main text area. A string value which gives the name of the custom class that should be used for styling. Requires CSSCLASS.
Variable: ol_textfontclass

CAPTIONFONTCLASS class

Class for the caption text. A string value which gives the name of the custom class that should be used for styling. Requires CSSCLASS.
Variable: ol_captionfontclass

CLOSEFONTCLASS class

Class for the close text. A string value which gives the name of the custom class that should be used for styling. Requires CSSCLASS.
Variable: ol_closefontclass

The next two examples use the following style rules that are contained in the HEAD section of the document. (NOTE: If you try to view these examples in Netscape 4.x after you've moused over any of the links in the previous paragraph, then these examples will not display correctly. To clear up this problem manually reload the page and then mouseover the two example links below. This problem is probably due to the use of SPAN tags with inline style ruling to control the default popup look.)

<STYLE TYPE="text/css">
<!--
.fontClass {font-family: 'Comic Sans MS'; font-size: 12px;}
.capfontClass {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.capfontClass A {color: #ffffff; font-size: 9px;}
.fgClass {background-color: #FFFFCC;}
.bgClass {background-color: #333399;}
-->
</STYLE> 

This example specifies all of the above classes

and this one leaves out the BGCLASS and FGCLASS.