Introduction
This command reference lists the commands that can be used to style an overLIB popup using inline styles by means of CSSSTYLE commands. This capability was originally contained in the main overLIB routine but was moved to this module with the introduction of the plug-in capability for overLIB. No functionality has been lost. To make use of these commands, just insert the following lines in your HEAD section.
<SCRIPT TYPE="text/javascript" SRC="overlib.js"></SCRIPT> <SCRIPT TYPE="text/javascript" SRC="overlib_cssstyle.js"> </SCRIPT>
It is not recommended that these commands be used on your web page for several reasons. First, Netscape 4.x will give you trouble in displaying popups if you use these commands with any of the class commands on the same page. There are no display problems if you use these commands with normal overLIB popups on the same page. Second, the class commands, particularly the CSSW3C commands, afford much more flexibility in controlling the look of your popups. This capability is maintained because Erik doesn't want to remove it just yet.
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.
Download this module as a zip file.
Commands
- CSSSTYLE
- Turns on inline CSS style features. When used on the command line it sets
o3_css to CSSSTYLE.
Variable: ol_css - PADUNIT unit
- The unit to be used for table cell padding. A string value that can be
either "px" or "%". Default value is "px".
Requires CSSSTYLE.
Variable: ol_padunit - HEIGHTUNIT unit
- The unit to be used for table heights. A string value that can be either "px" or "%".
Default value is "px". Requires CSSSTYLE.
Variable: ol_heighunit - WIDTHUNIT unit
- The unit to be used for table widths. A string value that can be either "px" or "%".
Default value is "px". Requires CSSSTYLE.
Variable: ol_widthunit - TEXTSIZEUNIT unit
- The unit to be used when specifying text sizes. Can be a length specifier,
a string value, such as px, pt, in, cm, etc. or % percent. Default value
is "px". Requires CSSSTYLE.
Variable: ol_textsizeunit - TEXTDECORATION decoration
- Specifies how text should be decorated. A string value that can be either "none", "underline", "line-through" or "blink".
Default value is "none". Requires CSSSTYLE.
Variable: ol_textdecoration - TEXTSTYLE style
- Specifies how text is to be styled. A string value that can be either "normal" or "italic".
Default value is "normal". Requires CSSSTYLE.
Variable: ol_textstyle - TEXTWEIGHT weight
- Specifies the weight to be given to text. A string value that can be either "normal", "bold", "bolder", "lighter",
etc. Default value is "normal". Requires CSSSTYLE.
Variable: ol_textweight - CAPTIONSIZEUNIT unit
- The unit to be used when specifying caption text sizes. Can be a length
specifier, a string value, such as px, pt, in, cm, etc. or % percent. Default
value is "px". Requires CSSSTYLE.
Variable: ol_captionsizeunit - CAPTIONDECORATION decoration
- Specifies how the caption text should be decorated. A string value that
can be either "none", "underline", "line-through" or "blink".
Default value is "none". Requires CSSSTYLE.
Variable: ol_captiondecoration - CAPTIONSTYLE style
- Specifies how the caption text is to be styled. A string value that can
be either "normal" or "italic". Default value is "normal".
Requires CSSSTYLE.
Variable: ol_captionstyle - CAPTIONWEIGHT weight
- Specifies the weight to be given to the caption text. A string value that
can be either "normal", "bold", "bolder", "lighter",
etc. Default value is "normal". Requires CSSSTYLE.
Variable: ol_captionweight - CLOSESIZEUNIT unit
- The unit to be used when specifying close text sizes. Can be a length
specifier, a string value, such as px, pt, in, cm, etc. or % percent. Default
value is "px". Requires CSSSTYLE.
Variable: ol_closesizeunit - CLOSEDECORATION decoration
- Specifies how the close text should be decorated. A string value that
can be either "none", "underline", "line-through" or "blink".
Default value is "none". Requires CSSSTYLE.
Variable: ol_closedecoration - CLOSESTYLE style
- Specifies how the close text is to be styled. A string value that can
be either "normal" or "italic". Default value is "normal".
Requires CSSSTYLE.
Variable: ol_closestyle - CLOSEWEIGHT weight
- Specifies the weight to be given to the close text. A string value that
can be either "normal", "bold", "bolder", "lighter",
etc. Default value is "normal". Requires CSSSTYLE.
Variable: ol_closeweight
Example
This is an example of using the CSSSTYLE commands which uses the following command call
overlib('This popup uses CSSSTYLE commands', CSSSTYLE, STICKY, CAPTION, 'CSSSTYLE Example',CAPTIONSTYLE, 'italic', CLOSEWEIGHT, 'bold', CLOSEDECORATION, 'line-through', CLOSESIZE, 9, CLOSECOLOR, '#ffffff', CLOSECLICK)
As can be seen, the command line can become quite long since you have more parameters to specify. However, your command lines can be shortened considerably by using the overlib_pagedefaults routine in the core module.