This page requires a java-capable browser Web Menus Expand Menu Studio Construct and maintain multi-level menus with this complete menu solution. Includes a menu editor and 50 menu design templates. Read More... Mercury Buttons Dynamically build graphical web buttons and tabs in just minutes. No images required! Read More... Fission Menu Quickly turn a single image into a stylish themed panel of web buttons with the minimum of effort! Read More... eXpand The classic 2-level menu applet. Dynamically expand sub-menus as you move over top-level menus. Read More... Banners Spotlight Banner Create fantastic eye-catching lighting effects with the Spotlight applet. Read More... Security Abstract e-mail Abstract offers a truly simple solution to protecting e-mail addresses on your site. Read More...   Fission - Web Navigation Menu Panels Fission - User Guide 1. Overview 1.1 Introduction Fission is a Java applet - a pre-compiled menu component that can be easily added to your web pages to create intgrated menu panels. There are a couple of ways of creating your own Fission designs:   • You can use the Interactive Menu Builder page to design and experiment with the Fission menu. This has the terrific advantage of automatically generating the applet code you will need to add the applet to your web pages. • Use this comprehensive User Guide to find out how to make the most of every aspect of the Fission menu applet.   Whichever method you choose, we're sure you'll find it easy to create your own Fission menus. 1.1 Applet Basics To include the Fission applet in your HTML page, you'll need to copy the applet into the same folder as your HTML page (the applet is called 'WibbleFission.class' and you'll find it in your download folder). You'll then need to use a text editor (eg Notepad) or FrontPage to add some specific applet lines to your web page. This is quite a simple task and we'll take you through this step-by-step. This is a brief summary of all the applet parameters you'll be able to change to create your own Fission menus:     Parameter Details Image The filename of the image file to display for the menu background. Any valid GIF, JPG or BMP image file can be used. ImageStyle The graphical style to apply to the background image. 0 - none, 1 - bevel, 2 - horizontal gradient, 3 - vertical gradient, 4 - blinds. ImageStyleStrength The brightness to apply to the ImageStyle parameter. Can range anywhere from -100 (dark) to 100 (light). Orientation The direction in which to lay out the buttons. 0 - vertical, 1 - horizontal. Spacing The distance between each button. TopMargin The pixel distance that will be left free at the top of the image. BottomMargin The pixel distance that will be left free at the bottom of the image. LeftMargin The pixel distance that will be left free at the left of the image. RightMargin The pixel distance that will be left free at the right of the image. ButtonStyle The graphical style to apply to each navigation button. 0 - none, 1 - raised bevel, 2 - inset bevel, 3 - frame, 4 - horizontal bars, 5 - vertical bars. ButtonStyleStrength The brightness to apply to the ButtonStyle parameter. Can range anywhere from -100 (dark) to 100 (light). ButtonColor The default color (in RRGGBB format) to apply to each button face. ButtonHighlightColor The color (in RRGGBB format) to apply to the button face when the mouse cursor is moved over it. ButtonSelectColor The color (in RRGGBB format) to apply to the button face when the button is set as selected. ButtonTransparency The level of transparency to apply to the button face. 0 - none, 1 - partially transparent, 2 - semi-transparent, 3 - highly-transparent. FontName The name of the font to use to display the button text. FontSize The size of the font to use to display the button text. FontStyle The style of the font to use to display the button text. 0 - normal, 1 - bold, 2 - italic, 3 - bold and italic. TextMargin The horizontal pixel offset to use to align the button text. -1 - align in the middle of the button, 0-200 - pixel offset value. TextNormalColor The default color (in RRGGBB format) to apply to the button text. TextHighlightColor The color (in RRGGBB format) to apply to the button text when the mouse cursor is moved over it. TextSelectColor The color (in RRGGBB format) to apply to the button text when the is set as selected. Menu_Desc_? The text to display on the button ('?' is the button sequence number). Menu_Addr_? The navigation URL to link to when the button is clicked ('?' is the button sequence number). Menu_Frame_? The frame/window to open when the button is clicked ('?' is the button sequence number). "_self" - replace existing page, "_blank" - open a new page Throughout this guide, we'll show the applet tags within little Notepad windows and we'll sometimes highlight relevant portions in bold text to draw your attention to it. These tags can be quite easily copied and pasted to save time typing in parameter tags:   <applet code="WibbleFission.class" height=100 width=150> <b>This page requires a java-capable browser</b> </applet>   What does this do? Well, these tags simply tell the browser to include the Fission applet on your page. Notice too that you also have to specify the height and width (in pixels) of the applet. The size values shown in the code above are just examples - you will need to alter these values to match the size of the image you use as the basis for your menu. Customizing Your Menu These tags on their own won't exploit any of the powerful Fission menu features. To do that, you need to add some specific <param> tags within the <applet></applet> tags. These <param> tags are used to give Fission information on how to customize the menu on your page. The <param> tags reference the name of each parameter and the value associated with it. Here is the full list of parameters you can use to configure your menus. Don't worry if this looks confusing at the moment - we're going to talk you through each of the parameters and what they do:   <applet code="WibbleFission.class" height=223 width=243> <param name="Image" value="snow.jpg"> <param name="ImageStyle" value="1"> <param name="ImageStyleStrength" value="65"> <param name="Orientation" value="1"> <param name="Spacing" value="5"> <param name="TopMargin" value="180"> <param name="BottomMargin" value="10"> <param name="LeftMargin" value="10"> <param name="RightMargin" value="10"> <param name="ButtonStyle" value="3"> <param name="ButtonStyleStrength" value="100"> <param name="ButtonColor" value="000000"> <param name="ButtonHighlightColor" value="000000"> <param name="ButtonSelectColor" value="000000"> <param name="ButtonTransparency" value="1"> <param name="FontName" value="SansSerif"> <param name="FontSize" value="10"> <param name="FontStyle" value="0"> <param name="TextMargin" value="-1"> <param name="TextNormalColor" value="d0d0d0"> <param name="TextHighlightColor" value="ffffff"> <param name="TextSelectColor" value="000000"> <param name="Menu_Desc_1" value="Main"> <param name="Menu_Addr_1" value="http://www.wibbleware.com"> <param name="Menu_Frame_1" value="_blank"> <param name="Menu_Desc_2" value="Main #2"> <param name="Menu_Addr_2" value="http://www.wibbleware.com"> <param name="Menu_Frame_2" value="_blank"> <param name="Menu_Desc_3" value="Yet More #3"> <param name="Menu_Addr_3" value="http://www.wibbleware.com"> <param name="Menu_Frame_3" value="_blank"> <param name="Selected" value="0"> <b>This page requires a java-capable browser</b> </applet>     News [April 2009] Free! As of today, 4th April 2009, all software on the site is completely free! And there's no more pesky AdSense to avoid either! [March 2006] EMS v2.4 Bundled with a GUI editor and 50 menu designs, this updated multi-level menu makes professional site navigation a breeze... Read More... [March 2005] Product Updates A number of product updates have been made... Read More... [April 2004] Mercury v1.3 Two for one - Mercury can now create buttons AND tabs... Read More... [April 2004] Fission v1.1 An update to Fission navigation menu, our alternative to HTML imagemaps... Read More... [March 2004] Web Page Design A beginners guide to designing web pages... Read More... [Home]  [Products]  [Downloads]  [Support]  [Articles]  [About] support@wibbleware.com        © Wibbleware 2003-2009      Privacy Policy [Java™ Trademark Disclaimer]