OfficeBar Example #2


This example is the same as Example 1, with one major difference. A little tweaking allows OfficeBar's menus to drop over HTML content in browsers that support Flash transparency (which is now the majority of modern browsers on both Windows and Mac systems).

In the datafile we;ve set the Transparent parameter to Yes, and set FlatMenuBars to No (to make a visible bar for the top-most menu bar). In the HTML code we've set the WMODE parameter to "transparent" in both the <object> tag and the <embed> tag.

The final step needed is to move all the HTML content below the applet upwards. In the HTML code, we've enclosed the entire block of HTML code that loads the applet in a <div> tag like this:

<div style="position:relative; z-index:1; margin-bottom:-140px;">
...applet code here...
</div>

The only thing that needs to be changed is the setting of -140px. This determines the amount by which all the content below the applet is moved upwards. This will depend upon the height of the applet and the amount of it that should be visible. In this example, the applet is 195 pixels high, and its bars total about 55 pixels, so we move everything up by 140 pixels.