Anfy 1.4
  Introduction
  Quick start
  Animated samples
  Registration
  Registration FAQ
  Online store
  Download
  Applet Tutorials
  Overview
  Wizard
Banner/Slides
  Math visualisation
  Image effects
  3D animation
  Menu applets
  Others
  Technical Support
  General FAQ
  How to use FTP?
  How to add applet?
  Copy right
  Contact
 
This site is Anfy enhanced!

 

 
Applet Tutorials: Morph menu
 
Morph menu applet

This applet provides a simple menu function with 4 choices of background effects, that is: simple colour, image, blob animation or galaxy animation.

[For more technical information about the available parameters, click here.]


Most parameters are self-explanatory and you can always see brief description of each parameter by moving the mouse pointer over the wizard.

Before start editing the menu, you should plan the structure of the menu for your site carefully. Creating the site structure on Anfy wizard is simple. Add and remove items with item names and associated URL and text.

Since the ver 1.4, the tree items can be named with non-English fonts. To achieve this, you need to select your desired character set at the "character set" parameter box.

In the example shown left, Japanese (Shift-JIS) is selected. Then, appropriate code will be added in the final document within a <meta> tag.

We currently provide the following list of character sets, but if you manually edit <meta> tag, you should be able to use others too.

Arabic (ISO) iso-8859-6
Arabic (Windows) windows-1256
Baltic (ISO) iso-8859-4
Baltic (Windows) windows-1257
Chinese (Traditional) big5
Chinese (Simplified) gb2312
Chinese (Simplified HZ) hz-gb-2312
Cyrillic (ISO) iso-8859-5
Cyrillic (Windows) windows-1251
European (Central, ISO) iso-8859-2
European (Central, Windows) windows-1250
European (Western, ISO) <-- default iso-8859-1
Greek (ISO) iso-8859-7
Greek (Windows) windows-1253
Hebrew (ISO) iso-8859-8
Hebrew (Windows) windows-1255
Japanese (Shift-JIS) x-sjis
Japanese (JIS) iso-2022-jp
Japanese (EUC) x-euc-jp
Korean (ISO) iso-2022-kr
Korean (euc-kr) euc-kr
Latin 3 (ISO) iso-8859-3
Thai (ISO) iso-8859-11
Thai (Windows) windows-874
Turkish (ISO) iso-8859-9
Turkish (Windows) windows-1254
Ukrainian (KOI8-RU) koi8-ru
Vietnamese (Windows) windows-1258

Those who use non-English (non-Latin) fonts should know how to handle non-Latin fonts in HTML. For example, you add in the <head></head> tag,

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

if Latin fonts are used. However, in the case of Latin fonts, most people tend to use default character set and may not explicitly state this. The wizard automatically outputs this tag for you!

Optionally you can specify a frame in which a link is opened. To do this, check the "URL target frame box" and select the target from "mode" menu.

You can also add your original frame name at "Target frame" after choosing "other target" at "mode". Urls can be email addresses or file names as usual.

One thing you have to make sure is that you always add at least one "back" item to each node. Without this users can't go to upper trees. After add an item, check "back" box and you have got one back item enabled, which is shown with a left arrow sign.

Whenever you make changes to the menu tree, you need to click "Apply change" button, unless you have checked "Auto apply" box.

Next, decide the applet size. "Menu Fx" decides if each menu text has diffusion effect. With "random" for this value, menu texts are blurred when a mouse pointer is over them.

If you would like the menu to appear in a small new window, check "Float mode" box.

Then set menu start position and status bar position, both of which designate length from the top of the applet.

Now decides the font, font size, text alignment and normal text colour and selected text colour.

By default, you select one font from Courier, Helvetica, Dialog, Times Roman.

These are standard fonts and even if you want to type in non-Latin letters, such as Japanese, Greek and Hebrew, these four fonts can be used.

This is achieved by automatically, so you don't really have to set non standard fonts in any circumstances, however, by unchecking "standard" box, you are allowed to select one from all the available system fonts.

Note.

Using non-standard font causes unexpected results in other people's systems. When you do thits, you must be aware of what you are doing.

There are four choices of background effects, which can be simple colour, image, galaxy, or blob animation. If your choice is colour, specify it at "Back. colour" palette.
If your choice is "image", specify the background image. The detail configurations for blob and galaxy will be discussed next.
Blob background
Decide the number of blobs and control the generators. There are three generators 1, 2, 3 and although you can manually change these values, the default values are recommended.
Next, set the minimum speed of blobs rotation. It can take a value between 1 and 15. We provide you 6 different colour palettes from which you can choose your desired one.

Another parameter called "Starshape" makes blob spheres star-like shapes. You can even choose negative colouring.

"Sine mode" changes the default movement of blobs to sinus one.

Galaxy background
Two galaxy types, rings or vortex are available. Once you decide the galaxy type, select the background effect from none, blur and fire. As for colouring, galaxy seeds and fire can be coloured in your choices.
"Smooth filter" allow you to enable smoothing effect, while "Back colour" parameter visualise or invisualise the background.
Floating menu mode
If you have selected floating menu mode, a new configurator appears when you click "Next" button. (See below.) When you activate this mode, the applet size itself can be as small as 1 pixel, but MUST NOT be zero so as to embed the applet to your HTML document.
Set the floating window size (Width, Height) and give the initial position when a window first appears. You can set the name of the window. If you would like to see the menu window always appear on top of other windows, check "Always on top box", otherwise leave it unchecked.

We have only discussed about the morph menu specific parameters. For generic parameters, please read wizard section.

Proceed to the expert menu.