You may have been frustrated that your menu stays at the top of your page, so when your user scrolls down, they can't easily get to your other pages, unless they scroll back to the top of your page where your menu is.
And you may have seen a kind of floating menu on some sites, where, no matter how far down the user scrolls, the menu follows them - like this example: Test it
Here's how to turn a standard NOF navbar into one of these floating menus.
First, credit where it's due...
I got the script for this here: http://www.echoecho.com/toolfloatinglayer.htm
Their copyright restrictions won't allow me to distribute their script as part of a tutorial, so you will have to go to their site and get it yourself. But I can tell you how to make it work in NOF (including how to turn a standard NOF navbar into one of these floating menus) once you've got the script.
- Copy all of the script from their site. I copied it into Notepad so I could easily copy the bits I wanted and put them where I wanted in NOF.
- Into the Head of your NOF page, paste the section they say to put in your Head (A).
(You will later need to edit the first few lines, as directed, to specify the postion of your menu - see the notes below on this.)
- Put a table on your page somewhere. Make it 1 cell wide by one deep. It doesn't really matter where you put it. I've put mine way down my page under all of my other stuff. It doesn't actually show up where you place it in NOF. It's published position is specified in the code. Here's where I put it:
- In the table, put a NOF navbar (see the screengrab immediately above).
- Select the table (as per the screengrab above).
- On the Properties Palette, click the Table HTML button.
- Go to the Before Tag area and paste in B1. Like this:
- Go to the After Tag area and paste in B2. Like this:
(Note that your're not seeing all of the B2 script in this grab. Much of the script
extends below the paste window.)
Note that the measurements above are the ones required for my example page.
You will not be able to center your page if you use this script. The position of the floating menu is fixed with relation to your browser. So, if you want to place your floating menu accurately, you will have to fix your page with relation to the top and left of your browser too. Otherwise, the position of the floating menu will vary depending on the size your user has their browser set to.
The halign and valign parameters specify where you measure the distances from the borders of your browser. I generally find it best to refer everything from the top left corner of my browser. Hence halign="left" and valign="top".
The delayspeed parameter affects the speed at which the menu adjusts itself when you scroll. You will just have to fiddle with this until you get it the way you like it.
This page was written, and is maintained, by Dallas