Menu Box

Main >> Tutorials >> HTML >> Menu Box

Here's a cool menu you can use on your site. I hope you like it! Here's how it looks:

PAGE NAME PAGE NAME PAGE NAME PAGE NAME PAGE NAME PAGE NAME

Step 1: Start by copying this code and paste it on the page you want the menu to be.
<form method="post" name="nameform"> <font color="#000000" size="2" face="terminal"><select name="tanyasmenu" size="7" style="BACKGROUND: #999999; BORDER-BOTTOM: outset; BORDER-LEFT: outset; BORDER-RIGHT: outset; BORDER-TOP: outset; COLOR: #000000; FONT-FAMILY: small fonts; FONT-SIZE: 7px"> <option value="PAGE URL">PAGE NAME</option> <option value="PAGE URL">PAGE NAME</option> <option value="PAGE URL">PAGE NAME</option> <option value="PAGE URL">PAGE NAME</option> <option value="PAGE URL">PAGE NAME</option> <option value="PAGE URL">PAGE NAME</option> </select> </select> <input type="button" value="GO!" onclick="location = document.nameform.tanyasmenu.options [document.nameform.tanyasmenu.selectedIndex].value; " style="BACKGROUND: #FFFFFF; BORDER-BOTTOM: solid; BORDER-LEFT: solid; BORDER-RIGHT: solid; BORDER-TOP: solid; BORDER-WIDTH: 1px; COLOR: black; FONT-FAMILY: SMALL FONTS; FONT-SIZE: 6pt"> </select></font></form>

Step 2: Then put your page URL in the code where it says PAGE URL, and type in the names of the pages where it says PAGE NAME.

Step 3: Now you're actually finished, but if you want other color and style on the menu, you have to change some settings in the code. style="BACKGROUND: #999999;: change the #999999 to another color you want on the background. font color="#000000" change the color on the page names. FONT-FAMILY: small fonts, if you want another font, change it from 'small fonts' to something else.

Step 4: You can also change the style on the button, you do this by changing the settings on the lower part of the code. And then you're done.