vBulletin Manual - Forum Jump Menu Classes

CSS Selectors:

.fjsel	Selected Menu Item	.fjdpth0	Depth 0 Menu Item
.fjdpth1	Depth 1 Menu Item	.fjdpth2	Depth 2 Menu Item
.fjdpth3	Depth 3 Menu Item	.fjdpth4	Depth 4 Menu Item

The Forum Jump Menu Classes are six classes used to apply styling to the Forum Jump Menu.

Of the six classes, the first (.fjsel) is applied to whatever <option> tag is currently selected, thereby creating a cue for the user to see where they are in relation to the rest of the board.

The remaining five classes, .fjdpth0 to .fjdpth4 are applied to <option> tags containing forums in the menu, with the depth determined by the level of nesting of each forum.

The colors applied to Depth0 - Depth4 items here are for illustration purposes only, and do not appear in the default vBulletin style.

In the example above, you can see that the forum called 1st Depth Two Forum is a child of the 1st Depth One Forum forum, which is in turn a child of the 1st Depth Zero Forum forum. Counting back, this works out as a two-level nested forum, and hence it has the 'Depth 2 Item' forum jump class applied to it.

Note:

As with the <select> Menus class, the Forum Jump Menu classes are applied to <select> and <option> tags, which on non-Windows® operating systems (in particular Macintosh operating systems) can sometimes not be styled.

At most you will be able to style the background color and the text color for these classes, and all other styling will be inherited from the <select> Menus class, if indeed the operating system allows these elements to be styled at all.

Example of elements using these classes:

<select name="myselect">
    <option class="fjsel" selected="selected">Selected item</option>
    <option class="fjdpth0">Depth 0 item</option>
    <option class="fjdpth1">Depth 1 item</option>
    <option class="fjdpth2">Depth 2 item</option>
    <option class="fjdpth3">Depth 3 item</option>
    <option class="fjdpth4">Depth 4 item</option>
</select>