Browser Menu's
This section Shows you how to display data/links much easier on your site.
Examples: More soon but only the best!
Top Navigational Bar II (By Mike Hall @ Brainjar.com)
| View working>>> |
How to install and modify yourself:
Step 1:Geting code:
Open the link and copy and paste into the head section: |
Step 2: Putting other part in web page:
Put this code where u want the bar to go: <body onload="init()"> it has to go in the body section thou.
Step 3: Downloading the javascript file:
Click link and download, you must have the file where your web page is.....
Step 3: Entering your data:
Entering your own links:
If you look at the source you will see there are sections like this:
dhtmlMenu = new NavBarMenu(100, 100 );
dhtmlMenu.addItem(new NavBarMenuItem("News",
""));
dhtmlMenu.addItem(new NavBarMenuItem("BBC",
"http://www.bbc.co.uk/news.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("MSNBC", "http://msnbc.com"));
dhtmlMenu.addItem(new NavBarMenuItem("ABCNews",
"http://www.abcnews.com"));
myNavBar1.addMenu(dhtmlMenu);
Well basically all you change is the bit in
(new NavBarMenuItem("Headline", "http://whatever the address is.com"));
The first one in every block is always the one on the top which you first see, so you can leave an address out if you like so it can stay:
(new NavBarMenuItem("Headline", ""));
The numbers at the fist line of every section is the sizes of the boxes that appear, best left alone unless you know what your doing!
Step 4: Adjusting the colours of the boxes and drop down:
To change the colours just change the numbers in this part of the code, youll have to experiment thou!
//set menu colors
myNavBar1.setColors("#ffffff", "#0099CC", "#000080",
"#FFFFFF", "#000080", "#ffffff", "#0099cc",
"#ffffff", "#000080")
Any problems email me at: |