| Drop-down menus: iPOP Pro-X Powerbars
Stylesheets
This page explains the general principles behind using stylesheets
and the stylesheet wizards. For a detailed list of the options available
(16 parameters per style affecting colours and fonts),
please refer to the parameter list.
What is a stylesheet?
A stylesheet is a fast-format low-bytesize technique for achieving
detailed control over the appearance of individual parts of your
menu.
It involves 2 steps:
- Assigning a detailed set of many configuration options to
a style referenced by a single number (="style(sheet) marker").
- Assigning the number (style marker) to each of the menu
entries you want the style to be used for.
The advantage is that you don't need to format each entry individually.
How do I use a stylesheet?
- Set the number of styles you wish to use; e.g.:
<param name="menustyles" value="10">
- For fastest results in assigning styles to entries, use
the wizard option; e.g.
<param name="menustylelogic" value="1"> or
<param name="menustylelogic" value="2">
- Then design each of your styles. Use the HTML code in
the delivery packs as a template and write a set of
parameters for each style. To identify each style, add
the style marker number onto the end of each parameter. For example, to set the
normal text colour in style 0, write
<param name="text0colour0" value="ff0000"> or
to set the normal text colour in style 1, write
<param name="text0colour1" value="ff0000">.
Don't forget to look up the effects of all 16 available styling
options in the parameter list.
What's that stylesheet wizard?
It's a time-saving device. There are basically three systems
of styling which most people use for pop-up menus.
- Top/sub styling: the top level of menus
has style 0, every other level has style 1 - i.e. there are
just two styles, one for the top menu, one for the submenus.
Use:
<param name="menustylelogic" value="3">
- Peer styling: the top level of menus
has style 0, the 2nd level has style 1, the 3rd level has style 2,
etc. The style depends on how "deep" the entry is in the menu hierarchy.
Use:
<param name="menustylelogic" value="2">
- Inherited styling: a submenu has the
same style as its parent; e.g. there may be 8 buttons at
the top level, styled in different colour schemes from 0 to 7.
The submenu system opening up from the button with (e.g.) style 2 also uses
style 2 all the way down, however deep the submenus go.
Use:
<param name="menustylelogic" value="1">
What if I want to assign styles my own way?
Use the style marker in the index file. It's the 3rd entry, marked here in red:
"TEXT:myText" "1" "3" "LINK:myPage.htm,myFrame" "Comment"
Just insert the number that references the style you wish to apply.
Note that entries within submenus can only be styled differently with the "text..."
parameters; the "menu..." parameters of the top entry in each submenu are used
for the styling of the borders, fill and background of the whole submenu.
(NB:
<param name="menustylelogic" value="0"> switches off the
style wizard, but even if you use the style wizard, styles you set using
the style marker will override the automatic settings of the style wizard
for individual submenus and top-level entries).
|
| 
CURRENT MENU RANGE
 | 
 | This product range is called iPOP/X-Bar menus. The diverse prices and benefits of these menus offer advantage to all types of designer from home-user to corporate. Their common point is that they are based around the concept of drop-down menus.
|
 |  |
MENUS IN THIS RANGE
|
|
|
|
|
|
| |
INFO FOR THIS RANGE
|
|
|
|
|
|
| |
SELECTED DEMOS
|
|
|
|
|
|
| |
|
