Dropdown menu

Main >> Content >> Tutorials >> HTML >> Dropdown menu

Dropdown menues are really cute and takes almost no space on your website. It is easy to use, but read the tutorial carefully if you are having problems. Here's how it looks like:
Step 1: Firstly copy the code under and paste it on the page you want the menu to be. 
<form method="post" name="nameform"><select name="tanyasmenu" size="1" style="background: #000000; border-bottom: outset; border-left: outset; border-right: outset; border-top: outset; color: #ffffff; font-family: small fonts; font-size: 9px">
<option selected value="linkurlhere"><font style="font-weight: normal; font-size: 4pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">TEXT HERE</font></option>

</select>

<input type="button" value=":)" onclick="location = document.nameform.tanyasmenu.options [document.nameform.tanyasmenu.selectedindex].value;" style="background: #000000; color: #ffffff; font-family: terminal; font-size: 7px"> </form>

Step 2: Then paste in the URL-adress to the pages you want to have in the menu, where it says LINKURLHERE and where it says TEXTHERE you type in the name of the pages.

Step 3: If you want to put more pages in the menu just copy the code under and paste it right after all the other links in the middle of the dropdown menu code. 
<option value='linkurlhere'><font style="font-weight: normal; font-size: 5pt; color:#ffffff ; font-family: small fonts ; letter-spacing: 2px">text here</font></option>

Step 4: Now you can change the colors and the setting in the code, just play around with the code to get to know how it works. Good luck:)