The first two examples here make use of the
following style specifications:
.ovDiv {border: 4px #CCCCCC dashed; background-color: #FFFFCC;} .bodyText {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: black; font-style: normal; text-decoration: line-through; text-align: center; padding: 10px 20px 10px; font-size: 11px;} .captionText {font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; background-color: navy; font-style: italic; text-align: center; padding: 5px;} .captionTextA {font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; background-color: navy; font-style: italic; text-align: right; padding: 5px;} .closeText {font-family: Arial, Helvetica, sans-serif; background-color: navy; font-style: italic; text-align: right; font-size: 9px; vertical-align: top; padding: 5px;} .closeText A {color: #FFFFFF; text-decoration: none; font-weight: bold; font-style: normal;} |
This is the first example of an
overlib
popup which uses the W3C style rules shown above (works best in Netscape 6.x, Mozilla and IE5.x) |
and was called as follows:
<A HREF="javascript:;" ONMOUSEOVER="return overlib('With W3C class specifications',WIDTH,150,STICKY, CLOSECLICK,CSSW3C,BODYCLASS,'bodyText',CAPTIONCLASS,'captionText',CLOSECLASS,'closeText', CAPTION,'Caption')" ONMOUSEOUT="nd();">popup</A>: |
And this is another example which used the following call parameters: |
<A HREF="javascript:;" ONMOUSEOVER="return overlib('Second Example',WIDTH,150,CSSW3C, BODYCLASS,'bodyText',CAPTIONCLASS,'captionTextA',CAPTION,'Caption Right')" ONMOUSEOUT="nd();">this</A> |
This is a third example, called using the call parameters: |
<A HREF="javascript:;" ONMOUSEOVER="return overlib('Third example with no special formatting');" ONMOUSEOUT="nd();">third</A> |
and this is an example of the same popup but shows how you can use CSS styling on the overDiv container to change its look. |
Each of these examples will provide very workable popups which use the default settings specified in the overlib utility when looked at with Netscape 4.x. |