Vampirefreaks Widget - Select Box Navigation

This page will teach you how to make a cool little dropdown navigation panel like this one:


You can use this menu to link to other websites or profiles, or to sections of an anchor box on your page.

The code for the box above is as follows:


The code in white is base code- you shouldn't normally need to mess with it (although you may add / remove option lines to get a longer or shorter menu).

The code in pale pink is what you should edit to customize your menu. In each option line the value is the page to link to, and the text between the option tags is the name to display for it, e.g.


links to http://www.vampirefreaks.com/ and the text that appears on the menu is "Visit The Vampirefreaks Homepage".

• Pages On The Vampirefreaks Site

If you're linking to a page on the Vampirefreaks site, you can use a partial url, e.g.


will go to my profile on VF, i.e. http://www.vampirefreaks.com/ElectricStorm.

• Pages On Other Sites

To link to sites outside VF you must include the FULL url (i.e. it must start with http:// ).

• Anchor Boxes

If you have an anchor box (huh what?) on your profile you can use this menu to link to the various sections. Just set the option value to YOURUSERNAME#SECTIONNAME so for example to link to a section named "about" on my profile, I would use:

• Adding / Removing Menu Items

If you want to remove a menu item, just remove the entire option line, e.g. deleting:


from the code above will leave you with a 3 item menu containing links to VF, FTMS and ElectricStorm's profile. To add more options, simply add new option lines that follow the same format, e.g.


will add a link to Kryss' profile. Any new options you add must be placed between the <select name="url"> and </select> tags, but they can go in any order.

To generate a menu please enter the pages to link to followed by the name to display on the menu, in the order you want them to appear. If you are linking to a page on Vampirefreaks.com you may use a partial url, but to link to an external site you MUST use the full one (beginning with http:// ) so for example to link to my profile on VF I might use url: ElectricStorm name: Visit ElectricStorm's Profile, but to link to my website I'd need a full path: url: http://www.printedexistence.com name: Visit My Website PrintedExistence!

url:     name:

url:     name:

url:     name:

url:     name:

url:     name: