Customizing Cloud Menu

To control look-and-feel, Cloud Menu allows you to specify a large range of options as attributes in the XML configuration. It is best to look at the examples to see how these work. The following tables show the possible tags that you can use in Cloud Menu, together with their attribute settings:

CloudMenu

background
URL for background graphic.

Examples: images/background.jpg,images/background2.jpg

rotateSpeed
The speed that the menu rotates when the mouse is outside it.

Examples: The speed that the menu rotates when the mouse is outside it.,1

TextNode

color
The color of the label background.

Examples: #0000ff,#ff0000

font
The font of the text of the node (Flash fonts:Arial, Courier,...).

Examples: #0000ff,#ff0000

fontSize
The font size to use.

Examples: The font size to use.,12

frame
The browser frame in which to open links

Examples: _self,_top

link
URL to open on click.

Examples: http://www.yahoo.com,http://www.bbc.co.uk

mouseOverColor
The color of the label background when the mouse is over it.

Examples: #0000ff,#ff0000

mouseOverTextColor
The color of the text of the node when the mouse is over it.

Examples: #0000ff,#ff0000

padding
Padding around text.

Examples: Padding around text.,4

rounding
The rounding on the background rectangles.

Examples: The rounding on the background rectangles.,4

scale
Scale the size of this branch

Examples: Scale the size of this branch,1

shadow
Label shadow size.

Examples: Set to 0 for no shadow, or a positive integer for that size of shadow.,4

showBackground
If "true", shows a rounded rectangle behind the text of each node.

Examples: true,false

spacing
Controls how far apart nodes rest from each other.

Examples: Controls how far apart nodes rest from each other.,5

text
The text on a node.

Examples: Text 1,Text2

textColor
The color of the text of the node.

Examples: #0000ff,#ff0000

SphereNode

color
The color of the label background.

Examples: #0000ff,#ff0000

mouseOverColor
The color of the label background when the mouse is over it.

Examples: #0000ff,#ff0000

shadow
Label shadow size.

Examples: Set to 0 for no shadow, or a positive integer for that size of shadow.,4

size
The size of the sphere node.

Examples: The size of the sphere node.,1

Styles

It is often useful to apply the same attributes to a whole section of XML. In order to do so, you can include such attributes in the special <style> </style> tag. All of the attributes in the style tag are applied to the elements it contains.

External configuration files

You can also include external configuration files in your XML. To do this, use a tag like this: <include file="filename"/>

Extra Customization

If you would ike to include new fonts, images or other effects, please write to us with a feature request.